.rightPanel{display:flex;flex-direction:column;justify-content:center;max-width:50%;padding:10px;aspect-ratio:1/.5;position:absolute;right:0;background-repeat:no-repeat;background-size:100% 100%;background-color:#000;-webkit-mask:url(https://i.imgur.com/p5nChxZ.png);-webkit-mask-image:url(https://i.imgur.com/p5nChxZ.png);mask-image:url(https://i.imgur.com/p5nChxZ.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;overflow:visible;.title{font-weight:600;color:#98c8eb}.cont{display:flex;justify-content:space-around;gap:0 10px;.slot{margin:10px 0 0 0;font-size:13px;color:#fff;.list{display:flex;img{max-width:35px}}}.type{margin:10px 0 0 0;font-size:13px;color:#fff}}.races{margin:10px 0 0 0;color:#98c8eb;img{width:24px;aspect-ratio:1/1}}.description{margin:5px 0 0 0;padding:0 10px 0 10px}.description,.stats{font-size:13px;color:#fff}.stats{margin:5px 0 5px 0;-moz-column-count:2;column-count:2}}:is(.scrollLite,.scrollMid)::-webkit-scrollbar-thumb{background-color:#bda4a4}:is(.scrollLite,.scrollMid)::-webkit-scrollbar-corner{background-color:unset}.scrollLite::-webkit-scrollbar{width:2px;height:2px}.scrollMid::-webkit-scrollbar{width:4px;height:4px}.l-select{display:flex;flex-direction:column;gap:1px 0;.select{display:flex;flex-direction:column;gap:0 0;padding:1px 5px 1px 5px;width:-moz-max-content;width:max-content;position:relative;overflow:auto;max-height:120px;border:1px solid #000;.main{display:flex;gap:0 10px;&:after{display:block;content:"⬇"}input{width:100%;border:unset;pointer-events:none}}.items{display:none;flex-direction:column;gap:5px 0;.item[type=radio]{margin:0;padding:0;left:0;position:absolute;width:100%;opacity:0}.group{display:flex;flex-direction:column;position:relative;.title{margin:0 0 4px 0;padding:0 3px 0 3px;font-weight:600;background-color:#fbd0d0}}.i-lab{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0 5px;&:has(.item:checked){background:#f5b9e1;&:after{display:block;content:"✅"}}}.item{cursor:pointer}}label:has(.item){margin:0 0 0 5px;padding:0 3px 0 3px;border-radius:3px;&:hover{background-color:#dbd0e9;box-shadow:0 0 1px 1px #969696}}&:focus{.main{&:after{content:"⬆"}}.items{display:flex}}.list{display:none;flex-direction:column;width:-moz-max-content;width:max-content}}}.slot{display:flex;flex-direction:column;gap:10px 0;.actions{display:flex;flex-direction:row;gap:0 5px;padding:5px;background-color:#000;box-shadow:0 0 3px 1px #000;button{aspect-ratio:1/1;color:#fff;border-radius:2px;border:1px solid #fff;background-color:#3f003d;box-shadow:1px 1px 3px 0 #88c8d9;&:hover{filter:sepia(1);cursor:pointer}}}}.leftPanel{display:flex;flex-direction:column;gap:5px 0;padding:7px;box-shadow:0 0 3px 1px #000;.select{background-color:#fff;box-shadow:1px 1px 3px 0 #818181}}label{display:var(--f)}.yo,label{flex-direction:column}.yo{display:var(--f1);gap:0 5px;.container{display:var(--f);flex-direction:row;gap:0 5px}>.title{display:flex;justify-content:center;gap:0 5px;font-weight:600;&:before{display:block;content:"";aspect-ratio:1/1;height:10px;border-radius:50%}&.Корпус{&:before{background-color:var(--Корпус)}}&.Двигатель{&:before{background-color:var(--Двигатель)}}&.ТопливныйБак{&:before{background-color:var(--Корпус)}}&.Захват{&:before{background-color:var(--Захват)}}&.РемонтныйДроид{&:before{background-color:var(--РемонтныйДроид)}}&.ГенераторЗащитногоПоля{&:before{background-color:var(--ГенераторЗащитногоПоля)}}}.show{display:var(--f);flex-direction:row;gap:0 0;position:relative;.title{padding:0 3px 0 3px;font-size:12px;font-weight:600;border:1px solid #000;box-shadow:1px 1px 3px 0 #818181}.wix{display:none;position:absolute;left:100%;label{padding:0 0 0 10px;.select{position:relative;z-index:1}}}&:hover{.wix{display:var(--f)}}}}.bottomPanel,.horisont,.statsList{display:flex}.bottomPanel{gap:0 10px;position:absolute;bottom:0;float:inline-end;box-shadow:0 0 3px 1px #000;.statsList{flex-direction:column;gap:10px 0;padding:5px;background-color:#000;.title{color:#fff}.horisont{flex-direction:row;gap:0 10px;border-bottom:1px solid #555537;.ver{flex-direction:column;gap:3px 0;padding:5px}}.stat{display:var(--f);flex-direction:row;justify-content:right;gap:0 5px;.cont{display:var(--f);flex-direction:row;gap:0 3px;position:relative;cursor:pointer;&:hover{.hidden{display:var(--f)}}&:focus{.hidden{display:var(--f)}}.hidden{display:none;flex-direction:row;gap:0 3px;left:100%;margin-left:5px;padding:1px 5px 0 5px;position:absolute;border-radius:2px;background-color:#000}.hidden:has(*){box-shadow:0 0 2px 1px #fff}}.name{font-size:12px;color:#fff}.val{font-size:12px;color:#fff;font-weight:600}.Корпус{color:var(--Корпус)}.Двигатель{color:var(--Двигатель)}.ТопливныйБак{color:var(--ТопливныйБак)}.Захват{color:var(--Захват)}.РемонтныйДроид{color:var(--РемонтныйДроид)}.ГенераторЗащитногоПоля{color:var(--ГенераторЗащитногоПоля)}}}}:root{--Корпус:#d17777;--Двигатель:#6d7777;--ТопливныйБак:#0977db;--Захват:#c83264;--РемонтныйДроид:#64aa64;--ГенераторЗащитногоПоля:#c864c8;--f:flex;--f1:flex}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;display:flex;flex-direction:column;.main{display:flex;gap:0 10px;position:relative}}