:root{--rarity-default: #dedede;--rarity-newbie: #598240;--rarity-stalker: #7676dd;--rarity-veteran: #bf5bad;--rarity-master: #fd576b;--rarity-legend: #fbec5d;--rarity-unique: #f9c5f7;--faction-merc: #688dfc;--faction-covenant: #b258fe;--faction-freedom: #3ee763;--faction-duty: #e63231;--faction-bandits: #8d8d8d;--faction-stalkers: #febc5a;--border-radius: 2px;--transition-time: .23s;--color-success: #53c353;--color-error: #c15252;--color-attention: #fbef0a}.theme-black-market{--color-bg: #1f1f1f;--color-bg-dark: #0a0a0a;--color-input: #1a1a1a;--color-bg-card: radial-gradient(circle, rgba(29, 26, 25, .9) 70%, rgba(27, 25, 23, .95) 100%);--color-card-effect: linear-gradient(to bottom, transparent 50%, #0a0a0a 94%, #0a0a0a 100%);--color-border: #eecea715;--color-border-strong: #eecea750;--color-text-main: #eecea7;--color-text-light: #eecea7b5;--color-accent-primary: #d4b88a;--color-accent-secondary: #eecea7;--border-style: none;--welcome-bg-image: url(/img/page-el/black-market-bg.webp);--welcome-border-image: none;--welcome-character-image: url(/img/page-el/black-market.webp)}.theme-new-year{--color-bg: #1f1f1f;--color-input: #1a1a1a;--color-bg-dark: #1b2b22;--color-bg-card: #8c633b60;--color-border: #685d4a;--color-border-strong: #2e3931;--color-text-main: #eecea7;--color-text-light: #eecea7b5;--color-text-accent: #c04b3e;--color-accent-primary: #d4b88a;--color-accent-secondary: #eecea7;--border-style: 1px dashed var(--color-border);--welcome-bg-image: url(/img/page-el/new-year-bg.webp);--welcome-border-image: url(/img/page-el/new-year-border.webp);--welcome-character-image: url(/img/page-el/new-year.webp)}.theme-zivcas{--color-bg: #00100f;--color-bg-dark: #0a0a0b;--color-input: #293938;--color-bg-card: #293938;--color-border: #5ad6cf;--color-border-strong: #293938;--color-text-main: #ffffff;--color-text-light: #7ad6ced7;--color-text-accent: #5ad6cf;--color-accent-primary: #5ad6cf;--color-accent-secondary: #034540;--color-btn-secondary: #e0f0ff;--border-style: 1px solid var(--color-border);--welcome-bg-image: url(/img/page-el/ZIVCAS-bg.webp);--welcome-border-image: none;--welcome-character-image: url(/img/page-el/ZIVCAS.webp)}.theme-cryostasis{--color-bg: #0e1618;--color-bg-dark: #0c1212;--color-input: #1c2628;--color-bg-card: #1c2628;--color-border: #99a8aa;--color-border-strong: #1c2628;--color-text-main: #dddfe0;--color-text-light: #899b9f;--color-text-accent: #aacdd9;--color-accent-primary: #aacdd9;--color-accent-secondary: #99a8aa;--color-btn-secondary: #9aa9ac;--border-style: 1px solid var(--color-border);--welcome-bg-image: url(/img/page-el/cryostasis-bg.webp);--welcome-border-image: url(/img/page-el/cryostasis-border.webp);--welcome-character-image: url(/img/page-el/cryostasis.webp)}.theme-horrors-of-the-zone{--color-bg: #140c0b;--color-bg-dark: #100b0b;--color-input: #3c232380;--color-bg-card: #0d1105;--color-border: #38312c;--color-border-strong: #5c5149;--color-text-main: #d7ccc8;--color-text-light: #a8978d;--color-text-accent: #883131;--color-accent-primary: #ab9688;--color-accent-secondary: #b79f90;--color-btn-secondary: #bcaaa4;--welcome-bg-image: url(/img/page-el/horrors-of-the-zone-bg.webp);--welcome-border-image: url(/img/page-el/horrors-of-the-zone-border.webp);--welcome-character-image: url(/img/page-el/horrors-of-the-zone.webp)}.theme-below-zero{--color-bg: #1a1f3a;--color-input: #201e34;--color-bg-dark: #0a0d14;--color-bg-card: #121620;--color-border: #7789ae;--color-border-strong: #858999;--color-text-main: #e3e7f5;--color-text-light: #b2baec;--color-text-accent: #00b8d4;--color-accent-primary: #ffffff;--color-accent-secondary: #7888ad;--welcome-bg-image: url(/img/page-el/below-zero-bg.webp);--welcome-border-image: url(/img/page-el/cryostasis-border.webp);--welcome-character-image: url(/img/page-el/below-zero.webp)}.theme-hardened-steel{--color-bg: #12100c;--color-input: #1f1d1a;--color-bg-dark: #0e0a06;--color-bg-card: #141210;--color-border: #4a3f33;--color-border-strong: #6b5d4f;--color-text-main: #d4c5b0;--color-text-light: #b8a992;--color-text-accent: #c9a962;--color-accent-primary: #d2bba4;--color-accent-secondary: #d4b88a;--color-btn-secondary: #e0d5c0;--border-style: 1px solid var(--color-border);--welcome-bg-image: url(/img/page-el/hardened-steel-bg.webp);--welcome-border-image: none;--welcome-character-image: url(/img/page-el/hardened-steel.webp)}button.theme-new-year{background:linear-gradient(135deg,#1b2b22,#8c633b70)!important;border-color:#685d4a!important}button.theme-zivcas{background:linear-gradient(135deg,#00100f,#293938)!important;border-color:#5ad6cf!important}button.theme-black-market{background:linear-gradient(135deg,#1f1f1f,#232325)!important;border-color:#eecea750!important}button.theme-cryostasis{background:linear-gradient(135deg,#0e1618,#1c2628)!important;border-color:#99a8aa!important}button.theme-below-zero{background:linear-gradient(135deg,#1a1f3a,#0a0d14)!important;border-color:#7789ae!important}button.theme-horrors-of-the-zone{background:linear-gradient(135deg,#140c0b,#6d4c41)!important;border-color:#38312c!important}button.theme-hardened-steel{background:linear-gradient(135deg,#12100c,#0e0a06)!important;border-color:#4a3f33!important}@font-face{font-family:Noto Sans;font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttHOmDyw.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtvXOmDyw.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuHOmDyw.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttXOmDyw.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtunOmDyw.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttnOmDyw.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtt3OmDyw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuXOm.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aPdu2ui.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5ardu2ui.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a_du2ui.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aLdu2ui.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a3du2ui.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aHdu2ui.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aDdu2ui.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/notosans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7duw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}*{font-weight:500;font-family:Noto Sans,sans-serif;text-decoration:none;padding:0;margin:0;border:none;background:none;list-style:none;scrollbar-width:none;-ms-overflow-style:none;&,&:before,&:after{box-sizing:border-box;transition:var(--transition-time)}&::-webkit-scrollbar{display:none}}html{font-feature-settings:"liga" 1,"clig" 1,"calt" 1;-webkit-font-feature-settings:"liga" 1,"clig" 1,"calt" 1;text-rendering:optimizeLegibility;scroll-behavior:smooth;>body{color:var(--color-text-main);background:var(--color-bg-dark);-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;line-height:1;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;&:focus-visible{outline-offset:2px}section{position:relative}input,select,textarea{font:inherit;background:var(--color-input);color:var(--color-text-main);letter-spacing:.5px;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.7rem;&:hover{border-color:var(--color-border-strong)}&:focus{outline:none;border-color:var(--color-border-strong);box-shadow:none}&::placeholder{color:var(--color-text-light);opacity:.5}&::-ms-reveal{display:none}}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto;object-fit:cover;content-visibility:auto;&.img-placeholder{filter:brightness(0);opacity:.2;pointer-events:none;transition:none!important}}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}dialog[open]{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;display:flex;justify-content:center;align-items:center;z-index:100;color:var(--color-text-main);background:#00000060;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:slideUp var(--transition-time) ease-out;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform}}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}}#root,#__next{isolation:isolate}.animations-disabled{--transition-time: 0s}.animations-disabled *,.animations-disabled *:before,.animations-disabled *:after{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;transition-delay:0s!important}.animations-disabled *{transition-property:opacity,visibility,display!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}._header_1a7vp_1{position:absolute;width:100%;top:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:4rem;padding-top:1.6rem;padding-inline:clamp(1rem,3svw,2rem);z-index:50;>menu{display:flex;gap:3rem;align-items:center;>nav{display:flex;align-items:center;gap:1rem;>span{font-size:.7rem}>svg{opacity:.6}}}>nav{display:flex;gap:.7rem}}._footer_dt802_1{padding:clamp(1rem,3svw,2rem);flex-direction:column;>menu{display:flex;align-items:center;gap:3rem;padding:3rem 2rem;font-size:.7rem;border-bottom:1px solid var(--color-border-strong);background-color:var(--color-bg-dark);z-index:1;margin-inline:-2rem;>h3{margin-right:auto;font-size:.6rem;letter-spacing:1px;text-transform:uppercase;color:var(--color-text-light)}>nav{display:flex;gap:1rem;>button:last-child,>a:last-child{padding-right:0}}}>menu:first-child{padding-top:.5rem}>h1{position:sticky;bottom:2.5rem;margin-top:2rem}}._loader_u4xzv_1{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:var(--color-bg-dark);z-index:9999;cursor:pointer;display:flex;justify-content:center;align-items:center;opacity:1;pointer-events:auto;>h1{position:absolute;>div{zoom:1.6}>span{display:block;color:var(--color-text-accent);width:100%;margin-top:-.5rem;text-align:end;font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}}>section{display:flex;width:100%;height:100%;padding:clamp(1rem,3svw,2rem);flex-direction:column;justify-content:end;align-items:center;>div{height:4px;background:var(--color-text-main);border-radius:var(--border-radius);overflow:hidden;margin-bottom:1rem;opacity:0;transform:translateY(-20px);animation:_fadeInUp_u4xzv_1 calc(var(--transition-time) * 2) ease-out var(--transition-time) forwards;margin-right:auto}>p{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;opacity:0;transform:translateY(-20px);animation:_fadeInUp_u4xzv_1 calc(var(--transition-time) * 2) ease-out var(--transition-time) forwards}}}._is-fading_u4xzv_69{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(10)}@keyframes _fadeInUp_u4xzv_1{to{opacity:1;transform:translateY(0)}}._error_121qo_1{position:relative;display:flex;flex-direction:column;min-height:100vh;align-items:center;justify-content:center;flex:1;gap:1rem;padding:2rem;>figure{color:var(--color-error);>button{margin-top:1.5rem;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--color-error) 50%,transparent);color:var(--color-error)!important;text-transform:uppercase;font-weight:700;&:hover{border-color:var(--color-error)}}}}._welcome-section_15w5x_1{width:100%;min-height:100vh;overflow:hidden;background:linear-gradient(to bottom,transparent 50%,var(--color-bg-dark) 99%,var(--color-bg-dark) 100%);display:flex;flex-direction:column;justify-content:center;padding:clamp(1rem,3svw,2rem);>div{margin-top:auto;margin-bottom:auto;>h2{text-align:end;font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-main);>span{white-space:nowrap;font-weight:600;color:var(--color-text-accent)}}>h1{position:relative}>ul{width:fit-content;display:flex;gap:2.5rem;z-index:-1;margin-top:1rem;>li{display:flex;align-items:center;gap:.5rem;line-height:120%;text-transform:lowercase;font-size:.7rem;letter-spacing:.5px;color:var(--color-text-light);>p{font-size:1.7rem;color:var(--color-text-main);text-shadow:0 2px .25rem rgba(0,0,0,.5)}}}}>h6{margin-top:auto;color:var(--color-text-light);font-size:.6rem}>img{position:absolute;content:var(--welcome-character-image);top:70%;left:50%;transform:translate(-50%,-50%);min-width:900px;height:fit-content;object-fit:contain;object-position:center;height:90vh;z-index:-1}&:before{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,var(--color-bg-dark) 100%),var(--welcome-bg-image);background-position:calc(50% + var(--bg-move-x, 0px)) calc(50% + var(--bg-move-y, 0px));background-repeat:no-repeat;background-size:cover;z-index:-2;filter:blur(3px) brightness(.4);animation:_breath_15w5x_1 60s infinite ease-in-out;transition:background-position 0s ease-out;will-change:transform}&:after{content:"";position:absolute;inset:-2.5% 0 0 -2.5%;width:105%;height:105%;background:linear-gradient(to bottom,var(--color-bg-dark) 0%,transparent 25%),var(--welcome-border-image);opacity:1;background-position:calc(50% + var(--bg-move-x) / 2) calc(50% + var(--bg-move-y) / 2);background-repeat:no-repeat;background-size:cover;z-index:-2;filter:blur(2px) brightness(.4);transition:0s}}@keyframes _breath_15w5x_1{0%{transform:scale(1.05)}50%{transform:scale(1.15)}to{transform:scale(1.05)}}._clans-section_117wb_1{background:var(--color-bg-dark);padding:clamp(1rem,3svw,2rem);display:grid;grid-template-columns:2.5fr 1fr;grid-template-rows:auto 1fr;column-gap:1rem;row-gap:1.5rem;z-index:1;position:relative;min-height:632px;animation:_sectionFadeIn_117wb_1 var(--transition-time) ease-out forwards;transition:none;>header{height:26px;font-size:.875rem;display:flex;align-items:center;text-transform:uppercase;letter-spacing:1px;grid-column:1 / -1;gap:1.5rem;>button{color:var(--color-text-main);opacity:.5;padding:0}>input{flex:1;height:26px;background:transparent;border:none;border-radius:0;border-bottom:1px solid var(--color-border);font-size:.7rem;padding-inline:.25rem;color:var(--color-text-main);letter-spacing:1px;appearance:textfield;-moz-appearance:textfield;margin-inline:1rem}}>menu{grid-column:1 / -1;display:flex;gap:1rem;height:100%;justify-content:space-between;>nav{display:flex;gap:.5rem;>button{--btn-color: var(--color-text-main);color:var(--btn-color);border:1px solid var(--btn-color);opacity:.5;>img{height:12px;object-fit:contain}&._active_117wb_70,&:hover{color:var(--btn-color);opacity:1}}}>span{flex:1;margin-inline:.5rem}>button{width:25px;height:25px;padding:0}}>figure{grid-column:1 / -1}>div{grid-column:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:1rem;>main{width:100%;display:flex;height:fit-content;flex-direction:column;gap:1rem;>*{animation:_clanCardSlideIn_117wb_1 var(--transition-time) ease-out forwards;opacity:0}>*:nth-child(1){animation-delay:0s}>*:nth-child(2){animation-delay:.05s}>*:nth-child(3){animation-delay:.1s}>*:nth-child(4){animation-delay:.15s}>*:nth-child(5){animation-delay:.2s}>*:nth-child(6){animation-delay:.25s}}>menu{display:flex;gap:1.5rem}}>aside{position:relative;display:flex;flex-direction:column;height:100%;border-radius:var(--border-radius);border:1px solid var(--color-border);overflow:hidden;animation:_asideSlideIn_117wb_1 ease-out var(--transition-time) forwards;opacity:0;&:after{content:"";position:absolute;inset:0;background-image:var(--card-bg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.2;filter:blur(5px)}>header{align-items:start;gap:.7rem;padding:1rem;overflow:hidden;z-index:2;>img{height:45px}>div{display:flex;flex-direction:column-reverse;gap:.3rem;font-weight:700;line-height:normal;text-transform:uppercase;font-size:.7rem;letter-spacing:2px;>div>span{letter-spacing:0px;font-weight:600;font-size:.7rem;border-radius:var(--border-radius);width:fit-content;padding-inline:.25rem;background-color:var(--color-text-main);color:var(--color-bg)}}}>div{position:relative;padding-bottom:.3rem;padding-inline:.3rem;display:flex;flex-direction:column;gap:.3rem;flex:1;z-index:2;>ul{display:flex;flex-direction:column;gap:.3rem;animation:_fadeIn_117wb_1 var(--transition-time) ease-out .1s both;>li{border:1px solid var(--color-border);background-color:var(--color-bg);padding:.7rem;animation:_slideInRight_117wb_1 var(--transition-time) ease-out both;&:nth-child(1){animation-delay:.05s}&:nth-child(2){animation-delay:.1s}&:nth-child(3){animation-delay:.15s}&:nth-child(4){animation-delay:.2s}&:nth-child(5){animation-delay:.25s}&:nth-child(6){animation-delay:.3s}}}>article{padding:.7rem;border:1px solid var(--color-border);font-size:.6rem;letter-spacing:1px;flex:1;animation:_slideInUp_117wb_1 var(--transition-time) ease-out .1s both;overflow-y:auto;background:var(--color-bg);color:var(--color-text-light);>p{color:var(--color-text-main);margin-top:.3rem;line-height:150%}}>a{padding:.5rem;text-transform:uppercase;border:1px solid var(--color-border);font-weight:700;animation:_slideInUp_117wb_1 var(--transition-time) ease-out .1s both;background:var(--color-bg);&:hover{background-color:var(--color-text-main);color:var(--color-bg)}}}}&._filtersOpend_117wb_273{min-height:calc(657px + 1.5rem);grid-template-rows:auto auto 1fr}}@keyframes _slideInRight_117wb_1{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes _slideInUp_117wb_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _sectionFadeIn_117wb_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _asideSlideIn_117wb_1{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes _clanCardSlideIn_117wb_1{0%{opacity:0;transform:translate(-15px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}._cards-section_j61a5_1{background:var(--color-bg-dark);padding:clamp(1rem,3svw,2rem);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;column-gap:1rem;row-gap:1.5rem;z-index:1;position:relative;min-height:1046px;animation:_sectionFadeIn_j61a5_1 var(--transition-time) ease-out forwards;transition:none;>header{height:26px;font-size:.875rem;display:flex;align-items:center;text-transform:uppercase;letter-spacing:1px;grid-column:1 / -1;gap:1.5rem;>button{color:var(--color-text-main);opacity:.5;padding:0}>input{flex:1;height:26px;background:transparent;border:none;border-radius:0;border-bottom:1px solid var(--color-border);font-size:.7rem;padding-inline:.25rem;color:var(--color-text-main);letter-spacing:1px;appearance:textfield;-moz-appearance:textfield;margin-inline:1rem}}>menu{grid-column:1;display:flex;gap:1rem;height:100%;justify-content:space-between;>nav{display:flex;gap:.5rem;>button{--btn-color: var(--color-text-main);color:var(--btn-color);border:1px solid var(--btn-color);opacity:.5;>img{height:12px;object-fit:contain}&._active_j61a5_70,&:hover{color:var(--btn-color);opacity:1}}}>span{flex:1;margin-inline:.5rem}}>main{display:grid;grid-column:1;grid-template-columns:repeat(auto-fit,minmax(max(240px,calc((100% - 5 * 2.5rem) / 6)),1fr));gap:1rem;width:100%;height:fit-content;>*:not(._phantomCard_j61a5_92){animation:_cardSlideIn_j61a5_1 var(--transition-time) ease-out forwards;opacity:0}>*._phantomCard_j61a5_92{opacity:1}>*:nth-child(6n+1){animation-delay:0s}>*:nth-child(6n+2){animation-delay:.05s}>*:nth-child(6n+3){animation-delay:.1s}>*:nth-child(6n+4){animation-delay:.15s}>*:nth-child(6n+5){animation-delay:.2s}>*:nth-child(6n+6){animation-delay:.25s}}>aside{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-height:100%;gap:1.5rem;>button{width:25px;height:25px;padding:0}}>div{position:absolute;display:flex;align-items:center;justify-content:center;inset:0;gap:.5rem;z-index:10;pointer-events:none;>div{position:relative;min-width:1100px;>h1{position:relative;display:flex;gap:.3rem;width:100%;justify-content:space-between;z-index:-1;opacity:.8;color:var(--color-text-main);text-transform:uppercase;animation:_fadeInDown_j61a5_1 var(--transition-time) ease forwards;>span{font-weight:900;width:min-content;font-size:clamp(3rem,8vw,10rem);filter:drop-shadow(0 0 7px rgba(255,255,255,.4))}}>h2{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;animation:_fadeInUp_j61a5_1 var(--transition-time) ease forwards}>ul{width:100%;justify-content:end;display:flex;gap:2.5rem;z-index:-1;margin-top:1rem;animation:_fadeInUp_j61a5_1 var(--transition-time) ease .1s forwards;opacity:0;>li{display:flex;align-items:center;gap:.5rem;line-height:120%;text-transform:lowercase;font-size:.7rem;letter-spacing:.5px;color:var(--color-text-light);>p{font-size:1.7rem;color:var(--color-text-main);text-shadow:0 2px .25rem rgba(0,0,0,.5)}}}}}&._filtersOpend_j61a5_206{min-height:calc(1071px + 1.5rem);grid-template-rows:auto auto 1fr;>aside{grid-row:2 / span 2}}}@keyframes _fadeInDown_j61a5_1{0%{opacity:0;transform:translateY(-20px)}to{opacity:.89;transform:translateY(0)}}@keyframes _fadeInUp_j61a5_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _sectionFadeIn_j61a5_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _cardSlideIn_j61a5_1{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}._equipment_sl6az_1{display:grid;grid-template-columns:1.9fr .8fr .8fr .9fr;grid-template-rows:repeat(1,auto);gap:1rem;height:390px;flex-grow:2.75;width:938px;>div:first-child{grid-column:2 / span 2;grid-row:1 / span 2;>img{top:-5px}}>div:nth-child(2){grid-column:1;grid-row:1;>img{left:-1px;top:-7px;transform:scale(1.2)}}>div:nth-child(3){grid-column:1;grid-row:2;>img{left:-1px;top:-7px;transform:scale(1.2)}}>div:nth-child(4){grid-column:4;grid-row:1 / span 2;>img{rotate:4.5deg;scale:1.875}>div{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:.5rem;letter-spacing:1px;font-size:.5rem;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);>ul{display:flex;flex-direction:column;gap:.3rem;align-items:center}}}}._builds_119eu_1{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;>div{display:flex;flex-direction:column;gap:.5rem;>div:first-child{height:180px;>img{top:-5px;transform:scale(.8)}}>ul{display:flex;flex-direction:column;justify-content:space-between;gap:.4rem}}}._clans_wlccw_1{flex:1 1 0;background:#1f1f1f;gap:30px;display:flex;flex-direction:column;padding-inline:1rem!important;flex-grow:2.5;>main{display:flex;flex-direction:column;gap:1.25rem;flex:1 1 auto;margin-top:.5rem;>div{width:100%;display:flex;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid #eecea720;gap:1.5rem;>div{display:flex;align-items:center;flex:1;gap:.3rem;height:18.19px;>img{width:12px;aspect-ratio:1 / 1;object-position:center}>span{font-size:.6rem;font-weight:600;letter-spacing:.2px;&._clickable_wlccw_44{cursor:pointer;&:hover{text-decoration:underline}}}}>li{display:flex;align-items:center;gap:.2rem;font-size:.45rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.225rem .45rem;border:1px solid;border-radius:var(--border-radius)}>small{font-size:.5rem;letter-spacing:1px;text-transform:uppercase;text-align:end;opacity:.7}&._no-border_wlccw_74{border:none;padding-bottom:0}&._empty_wlccw_79{justify-content:center;height:100%;>p{opacity:.7;text-transform:uppercase;text-align:center;font-size:.5rem}}}>aside{height:1px;min-height:1px;width:100%;display:flex;align-items:center;gap:1rem;>img{width:160px;transform:scale(.55);opacity:.7}>span{transform:scale(.5);opacity:.7;font-size:1.5rem;font-weight:800;text-transform:uppercase;color:#f5f5f5}&:before,&:after{content:"";flex:1;width:100%;height:1px;border-top:1px solid #eecea720}}}>nav{display:flex;align-items:center;justify-content:center;gap:1rem;flex-shrink:0;width:100%;>span{font-size:.6rem;font-weight:600;letter-spacing:1px;color:var(--color-text-main);white-space:nowrap}}}._profile-section_1p3cr_1{height:100%;min-height:644px;overflow:hidden;width:100%;display:flex;background:linear-gradient(to bottom,#000000c0),var(--welcome-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;>img{position:absolute;filter:blur(4px) brightness(.3);height:100%;width:100%}>div{width:100%;max-width:1920px;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding-inline:clamp(1rem,3svw,2rem);>section{gap:1rem;display:flex;flex-direction:column;max-width:938px;padding:2.5rem 0;max-height:fit-content;transition:none;>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:700;letter-spacing:1px;>ul{display:flex;gap:.5rem;>li{flex-direction:column;padding:.5rem .7rem;border:var(--color-border) 1px solid;box-shadow:#00000059 0 5px 15px;background:radial-gradient(circle,#1d1a19e6 70%,#1b1917)}}}}}&:after,&:before{content:"";position:absolute;width:100vw;height:40px;background-color:var(--color-bg-dark);-webkit-mask-image:url(/img/page-el/page-separator-cropped.svg);mask-image:url(/img/page-el/page-separator-cropped.svg);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:auto 100%;mask-size:auto 100%;z-index:1}&:before{top:-10px;rotate:180deg}&:after{bottom:-10px}}._builds-form_1mibo_1{justify-content:center;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;height:fit-content;width:1080px;>div{display:flex;flex-direction:column;gap:1rem;>ol{grid-column:1;grid-row:1;position:relative;display:flex;flex-direction:column;gap:.3rem;padding:.7rem;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);>header{font-weight:700;display:flex;justify-content:space-between;color:var(--color-text-main);text-transform:uppercase;font-size:.7rem;letter-spacing:2px;align-items:baseline;line-height:200%;z-index:1;>span{font-size:.45rem;text-transform:uppercase;letter-spacing:1px;&._artefactCount_1mibo_44{&:after{content:attr(data-count);font-size:.45rem;text-transform:uppercase;letter-spacing:1px;margin-left:2px}}}}>div{background:radial-gradient(circle,#1d1a19e6 70%,#1b1917);box-shadow:#00000059 0 5px 15px;border:1px gray dashed;border-radius:var(--border-radius);position:relative;z-index:1;&._selectOpen_1mibo_64{z-index:100}>div{display:flex;align-items:center;gap:.3rem;height:34px;width:100%;position:relative;padding:.5rem;cursor:pointer;>img{height:100%}>nav{display:flex;gap:.5rem;>button{padding:0}}>span{display:flex;gap:.5rem;align-items:center;font-size:.6rem;letter-spacing:1px;color:gray;opacity:.7}>p{font-size:.6rem;opacity:.7;margin-left:auto;margin-right:.3rem}}&._locked_1mibo_110>div{cursor:default!important}&:not(._empty_1mibo_114):not(._locked_1mibo_110){border:1px solid var(--rarity-color);background:var(--rarity-bg);&:hover{background:var(--rarity-bg-hover)}}&._selected_1mibo_123{scale:1.025}}}>div{position:relative;>div{>div{width:100%;height:180px;cursor:pointer;>img{transform:scale(.8)}}}}>nav{display:flex;gap:.3rem;>button{border:1px solid var(--color-border);flex:1}}}>aside{position:relative;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.7rem;gap:.7rem;background:var(--color-bg);>header{font-weight:700;display:flex;justify-content:space-between;color:var(--color-text-main);text-transform:uppercase;font-size:.7rem;letter-spacing:2px;align-items:baseline;line-height:200%;z-index:1;>span{font-size:.45rem;text-transform:uppercase;letter-spacing:1px;&._artefactCount_1mibo_44{&:after{content:attr(data-count);font-size:.45rem;text-transform:uppercase;letter-spacing:1px;margin-left:2px}}}}>ul{display:flex;flex-direction:column;gap:.4rem}}}._clan-form_yq92p_1{display:grid;grid-template-areas:"header header header" "left center right" ". . right";grid-template-columns:.9fr 1fr .8fr;grid-template-rows:auto auto auto;gap:1rem;width:1000px;>header{grid-area:header;position:relative;display:flex;gap:1rem;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--color-border);>img{width:52px;aspect-ratio:1 / 1;flex:0 0 auto}>div{width:fit-content;display:flex;flex-direction:column;gap:.35rem;font-size:.7rem;font-weight:700;line-height:normal;letter-spacing:2px;text-transform:uppercase;color:var(--color-text-main);>p{margin:0;font-size:.6rem;font-weight:400;line-height:150%;letter-spacing:1px;text-transform:none;color:var(--color-text-light)}}>button{text-transform:uppercase;margin-bottom:auto}}>ul{grid-row:2;height:374px;display:flex;flex-direction:column;gap:.3rem;position:relative;>header{margin-top:.5rem;font-weight:700;display:flex;justify-content:space-between;color:var(--color-text-main);text-transform:uppercase;font-size:.7rem;letter-spacing:2px;align-items:baseline;line-height:200%;z-index:1}>li{border:1px solid var(--color-border);background-color:var(--color-bg);padding:.7rem}>div{white-space:nowrap;display:flex;align-items:baseline;font-size:.6rem;letter-spacing:1px;color:var(--color-text-main);gap:.3rem;border:1px solid var(--color-border);background-color:var(--color-bg);padding-inline:.7rem;min-height:34px;>input{width:100%;min-width:0;height:100%;border:none;background:transparent;font-size:.6rem;letter-spacing:1px}>span{font-weight:700;letter-spacing:2px}>a{padding:0;margin:auto}&:last-of-type{>input{text-align:end;font-weight:700;letter-spacing:2px}}}}>section{display:flex;flex-direction:column;justify-content:space-between;height:374px;grid-row:2;position:relative;border-radius:var(--border-radius);border:1px solid var(--color-border);backdrop-filter:blur(5px) brightness(.8);>header{padding:1rem;gap:.5rem;>div{letter-spacing:1px}}>div{position:relative;padding-bottom:.3rem;padding-inline:.3rem;display:flex;flex-direction:column;gap:.3rem;flex:1;z-index:2;>ul{font-size:.6rem;letter-spacing:1px;display:flex;flex-direction:column;gap:.7rem;border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text-light);padding:.7rem}}>nav{position:relative;padding-bottom:.3rem;padding-inline:.3rem;display:flex;gap:.3rem;>button{flex:1;text-transform:uppercase;border:1px solid var(--color-border);font-weight:700;background:var(--color-bg);&:hover{background-color:var(--color-text-main);color:var(--color-bg)}}}}>div{grid-row:2;min-height:100%}>aside{grid-area:right;grid-row:2 / 4;height:400px;align-self:start;position:relative;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.7rem;gap:.7rem;background:var(--color-bg);>header{font-weight:700;display:flex;justify-content:space-between;color:var(--color-text-main);text-transform:uppercase;font-size:.7rem;letter-spacing:2px;align-items:baseline;line-height:200%;z-index:1;>span{font-size:.45rem;text-transform:uppercase;letter-spacing:1px;&:after{content:attr(data-count);font-size:.45rem;text-transform:uppercase;letter-spacing:1px;margin-left:2px}}}>ul{display:flex;flex-direction:column;gap:.7rem;>li{background:transparent!important;font-weight:700;font-size:.7rem}}>nav{margin-top:auto;display:flex;justify-content:center}}>figure{grid-column:1 / -1;grid-row:2 / 4;display:flex;align-items:center;justify-content:center;min-height:400px}}._equipment-form_hzroa_1{display:grid;height:424px;grid-template-columns:1.9fr .8fr .8fr .9fr;grid-template-rows:repeat(1,auto);gap:1rem;width:938px;>div:first-child{grid-column:2 / span 2;grid-row:1 / span 2;>img{top:-5px}}>div:nth-child(2){grid-column:1;grid-row:1;>div>img{left:-1px;top:-7px;transform:scale(1.2)}}>div:nth-child(3){grid-column:1;grid-row:2;>div>img{left:-1px;top:-7px;transform:scale(1.2)}}>div:nth-child(4){grid-column:4;grid-row:1 / span 2;>div{cursor:default;>img{rotate:4.5deg;scale:1.875}>div{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:.5rem;letter-spacing:1px;font-size:.5rem;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);>ul{display:flex;flex-direction:column;gap:.3rem;align-items:center}}}>ul{width:100%;position:absolute;display:flex;justify-content:space-between;margin-top:.25rem;>img{width:23%;aspect-ratio:1/1;filter:grayscale(.5) brightness(.5);&:hover{filter:grayscale(0) brightness(.75)}&._active_hzroa_87{filter:grayscale(0) brightness(1)}}}}>div{position:relative;>div{cursor:pointer;height:calc(100% - 34px);&._empty_hzroa_101:after{content:"Нажмите чтобы выбрать";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.45rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-light);opacity:.7;z-index:1;pointer-events:none}&._empty_hzroa_101:hover:after{opacity:1}}>menu{width:100%;position:absolute;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.25rem;>span{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-light)}>button{min-width:40px;border:1px solid var(--color-border);background:var(--color-bg);&:hover{border-color:var(--color-border-strong)}}>input{width:65px;height:26px;background:transparent;border:none;border-radius:0;border-bottom:1px solid var(--color-border);font-size:.7rem;font-weight:700;color:var(--color-text-main);text-align:center;letter-spacing:1px;appearance:textfield;-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}&:hover{border-color:var(--color-border-strong)}&:focus{border-color:var(--color-border-strong)}}>button:last-child{background:color-mix(in srgb,var(--color-error) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 50%,transparent);color:var(--color-error);margin-left:auto;&:hover{border-color:var(--color-error)}}}}}._editor-section_7f2xm_1{display:flex;align-items:center;height:100dvh;margin-inline:clamp(1rem,3svw,2rem);padding:clamp(1rem,3svw,2rem) 0 clamp(1rem,3svw,2rem) 0;position:relative;>button{position:absolute;width:100px!important;flex-direction:column;min-height:700px;height:80%;border:1px solid var(--color-border);background:var(--color-bg)}>div{cursor:pointer;position:absolute;left:0;min-height:700px;height:80%;border-radius:var(--border-radius);border:1px solid var(--color-border);overflow:hidden;padding:4rem;>form{position:relative;cursor:default;margin:auto;grid-area:2 / 2 / 7 / 7}>div{display:flex;flex-direction:column;justify-content:center;font-size:.7rem;max-width:fit-content;max-height:fit-content;padding:.5rem;>h3{font-weight:700;letter-spacing:2px;text-transform:uppercase;line-height:150%}>p{color:var(--color-text-light);line-height:120%;text-transform:none}&:nth-child(1){grid-area:2 / 1 / 3 / 2}&:nth-child(2){grid-area:7 / 4 / 8 / 6}&:nth-child(3){grid-area:6 / 7 / 7 / 8}&:nth-child(4){grid-area:1 / 5 / 2 / 7}}>figure{justify-content:end}&:hover:not(._locked_7f2xm_81){border-color:var(--color-text-main)}&._active_7f2xm_85{border:none!important;background:transparent!important;padding:0;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:1rem;cursor:default}&._locked_7f2xm_81{cursor:not-allowed;pointer-events:none;>figure{justify-content:center;color:var(--color-error)}&:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;backdrop-filter:blur(5px) brightness(.6);z-index:-1}}}&:before{content:"";position:absolute;inset:-2.5% 0 0 -2.5%;width:105%;height:105%;background:linear-gradient(to bottom,var(--color-bg) -5%,transparent 50%,var(--color-bg) 100%),var(--welcome-border-image);background-repeat:no-repeat;background-size:cover;z-index:0;filter:blur(2px) brightness(.4);background-position:calc(50% + var(--bg-move-x) / 2) calc(50% + var(--bg-move-y) / 2);transition:0s}}._achievements_3dnmy_1{display:flex;flex-direction:column;gap:2rem}._character_jmj8t_1{display:flex;justify-content:space-between;>ol{display:flex;flex-direction:column;gap:.5rem;width:fit-content;justify-content:end;>li{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:.7rem;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-main);cursor:pointer;opacity:.5;&:after{position:absolute;top:0;bottom:0;content:attr(data-hint);width:fit-content;height:fit-content;text-wrap:nowrap;margin:auto;left:80%;opacity:0}&:hover:after{left:130%;opacity:1}&._active_jmj8t_47{border-color:var(--color-text-main);opacity:1}}}>img{object-fit:contain;transform:scale(1.25) translateY(60px);filter:brightness(.9) contrast(1.15) saturate(1.2)}>section{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-width:360px;position:relative;border-radius:var(--border-radius);border:1px solid var(--color-border);backdrop-filter:blur(5px) brightness(.8);>button{position:absolute;right:.7rem;top:.7rem;&._copied_jmj8t_77{color:var(--color-success);&:before{content:"Скопировано!";position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%) translate(-65%);font-size:.6rem;color:var(--color-success);white-space:nowrap;animation:_fadeIn_jmj8t_1 var(--transition-time) ease-out}}}>header{padding:1rem;gap:.5rem;>div{letter-spacing:1px}}>div{position:relative;padding-bottom:.3rem;padding-inline:.3rem;display:flex;flex-direction:column;gap:.3rem;flex:1;z-index:2;>ul{font-size:.6rem;letter-spacing:1px;display:flex;flex-direction:column;gap:.7rem;border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text-light);padding:.7rem}}>nav{position:relative;padding-bottom:.3rem;padding-inline:.3rem;display:flex;gap:.3rem;>button:first-child{flex:1;text-transform:uppercase;border:1px solid var(--color-border);font-weight:700;animation:_slideInUp_jmj8t_1 var(--transition-time) ease-out .1s both;background:var(--color-bg);&:hover{background-color:var(--color-text-main);color:var(--color-bg)}}>button:last-child{width:fit-content;border:1px solid var(--color-border)}}}&:before{content:"";position:absolute;top:-2.5rem;left:-2.5rem;width:calc(100% + 5rem);height:calc(100% + 5rem);background:linear-gradient(0deg,#000,#000000b3 12%,#0000 30%)}}@keyframes _fadeIn_jmj8t_1{0%{opacity:0}to{opacity:1}}._manage-menu_1d9ai_1{position:relative;margin-right:auto;display:flex;flex-direction:column;justify-content:space-between;background:var(--color-bg);padding:1.5rem;height:100%;width:300px;gap:1rem;border-radius:var(--border-radius) 0 0 var(--border-radius);>header{display:flex;gap:.5rem;align-items:center;font-weight:700;line-height:normal;text-transform:uppercase;font-size:.7rem;letter-spacing:2px}>nav{height:100%;display:flex;flex-direction:column;>button,>div>button{color:var(--color-text-light);&:hover,&._active_1d9ai_35{color:var(--color-text-main)}}>button,>div{justify-content:space-between;padding:.5rem 0}>div{>button{justify-content:space-between;padding:0;width:100%}>button._active_1d9ai_35{color:var(--color-text-main);svg{rotate:-90deg}}>ul{max-height:0;overflow-y:hidden;&._open_1d9ai_64{margin-top:.7rem;max-height:300px}>li{display:flex;padding:.4rem 0;justify-content:space-between;font-size:.7rem;letter-spacing:1px;cursor:pointer;color:var(--faction-color);&:first-child{padding-top:0}&._active_1d9ai_35{font-weight:700}&._empty_1d9ai_84{opacity:.4;font-weight:500!important}&:hover{font-weight:700}}}}}>button{border:1px solid var(--color-border);&:hover{border-color:var(--color-border-strong)}}}._news_p8xgv_1{display:flex;flex-direction:column;>header{display:flex;justify-content:space-between;align-items:center}>section{display:flex;flex-direction:column;gap:.3rem;margin:auto 0;>p{text-transform:uppercase;font-size:.7rem;>span{color:var(--color-text-accent)}}>h1{font-size:1.7rem}>button{width:fit-content;height:fit-content;margin-top:.7rem}}>footer{display:flex;align-items:end;flex-wrap:wrap;font-size:.7rem;>h3{font-weight:700;text-transform:uppercase;margin-bottom:.3rem}>ul{display:flex;flex-direction:column;li{color:var(--color-text-light);margin:.3rem 0;letter-spacing:.5px}li:before{content:"— "}&:before{content:"Что нового:";font-weight:700;text-transform:uppercase;margin-bottom:.3rem}}>time{color:var(--color-text-light);margin-left:auto}}>div{position:absolute;top:0;bottom:0;right:0;transform:translate(-50%);display:flex;align-items:center;gap:.7rem;>div{display:flex;flex-direction:column;gap:.5rem;>span{width:.5rem;height:.5rem;border-radius:50%;border:1px solid var(--color-border);background:transparent;cursor:pointer;&._active_p8xgv_99{border:transparent;background:var(--color-text-main)}}}}}._mail_1jkt7_1{display:grid;grid-template-columns:1fr .7fr;gap:1rem;>section,>aside{display:flex;flex-direction:column;height:100%;position:relative;border-radius:var(--border-radius);border:1px solid var(--color-border);backdrop-filter:blur(5px) brightness(.5);>header{min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem;border-bottom:1px solid var(--color-border);letter-spacing:1px;background:var(--color-bg);>span{flex:1;font-size:.7rem;font-weight:700;line-height:normal}>menu{display:flex;gap:.3rem;>button{color:var(--color-text-light);&._active_1jkt7_41{color:var(--color-text-main)!important}&:hover{color:var(--color-text-main)}}}>nav{display:flex;gap:.5rem;>button{width:fit-content;border:1px solid var(--color-border)}}>button{margin-left:.5rem;background:color-mix(in srgb,var(--color-error) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 50%,transparent);color:var(--color-error)!important;&:hover{border-color:var(--color-error)}}}}>aside{overflow:hidden;>ul{display:flex;flex-direction:column;overflow-y:auto;flex:1;gap:.3rem;margin:.3rem;>li{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.6rem;letter-spacing:1px;color:var(--color-text-main);gap:.5rem;border:1px solid var(--color-border);background-color:var(--color-bg);padding:.7rem;&._read_1jkt7_98{background-color:var(--color-bg-dark)}&:hover{background-color:var(--color-bg-dark)}>div,>p,>small{flex:1}>small{text-align:end;font-size:.5rem;letter-spacing:1px;text-transform:uppercase;opacity:.7}}}}>section{>div{position:relative;padding:.3rem;display:flex;flex-direction:column;gap:.3rem;flex:1;z-index:2;>ul{display:flex;flex-direction:column;gap:.3rem;>li{border:1px solid var(--color-border);background-color:var(--color-bg);padding:.7rem}}>article{padding:.7rem;border:1px solid var(--color-border);font-size:.6rem;letter-spacing:1px;flex:1;overflow-y:auto;line-height:150%}>a{padding:.5rem;text-transform:uppercase;border:1px solid var(--color-border);font-weight:700;background:var(--color-bg);&:hover{background-color:var(--color-text-main);color:var(--color-bg)}}}}}._settings_13en5_1{display:flex;flex-direction:column;gap:1.5rem;>header{font-weight:700;display:flex;justify-content:space-between;align-items:center;color:var(--color-text-main);text-transform:uppercase;font-size:.7rem;letter-spacing:2px;>button{width:120px;border:1px solid color-mix(in srgb,var(--color-error) 50%,transparent);color:var(--color-error)!important;background:color-mix(in srgb,var(--color-error) 15%,transparent);font-size:.6rem;font-weight:700;text-transform:uppercase;&:hover{border-color:var(--color-error)}}}>nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.7rem;>button{position:relative;border:1px solid var(--color-border);overflow:hidden;height:40px;text-wrap:pretty;font-size:.6rem;letter-spacing:1px;&._active_13en5_45{box-shadow:0 0 0 1px var(--color-accent-primary)}}}>section{display:grid;gap:1.5rem;>div{display:flex;flex-direction:column;gap:.7rem;justify-content:space-between;>p{font-size:.7rem;color:var(--color-text-light);letter-spacing:.5px}>fieldset{width:fit-content;display:flex;position:relative;gap:.5rem;>button{filter:brightness(.5);font-size:.6rem;letter-spacing:1px;padding:.5rem .7rem;font-weight:700;background:var(--color-bg);border:1px solid var(--color-border);&:hover{filter:brightness(1)}&._active_13en5_45{filter:brightness(1);box-shadow:0 0 0 1px var(--color-text-main)}}}}}}._modal-manage_o1y7v_1{height:700px;display:flex;width:100%;padding:clamp(1rem,3svw,2rem);max-width:1920px;animation:_slideIn_o1y7v_1 var(--transition-time) ease-out;>main{overflow:hidden;position:relative;height:100%;background:var(--color-bg);border-radius:0 var(--border-radius) var(--border-radius) 0;padding:1.5rem;width:100%;z-index:1;display:flex;>article{width:100%;height:100%;position:relative}&:before{position:absolute;content:"";width:101%;height:101%;background:linear-gradient(90deg,#0006,#000000e6),url(/img/page-el/profile-bg.webp) no-repeat;background-size:cover;background-position:center;background-repeat:no-repeat;inset:0;opacity:.7;z-index:-1}&.news-active:before{background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 70%,rgba(0,0,0,.7)),var(--news-bg, url(/img/editor-el/factions.webp));background-size:cover;background-position:center;background-repeat:no-repeat}&.settings-active:before{filter:blur(5px);background:linear-gradient(70deg,#00000080,#000000b3),url(/img/page-el/settings-bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat}&.achievements-active:before{filter:blur(5px);background:linear-gradient(70deg,#00000080,#000000b3),url(/img/page-el/achievements-bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat}&.mail-active:before{filter:blur(5px);background:linear-gradient(70deg,#00000080,#000000b3),url(/img/page-el/mail-bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat}}}@keyframes _slideIn_o1y7v_1{0%{transform:translateY(-20px) scale(.98)}to{transform:translateY(0) scale(1)}}._overlay_31mw4_1{z-index:3;position:absolute;bottom:clamp(1rem,3svw,2rem);right:clamp(1rem,3svw,2rem);display:flex;flex-direction:column;gap:.3rem;pointer-events:none;max-width:420px;>div{position:relative;display:flex;align-items:flex-start;gap:.7rem;padding:.7rem .7rem .7rem 0;border-radius:var(--border-radius);border:1px solid var(--color-border);backdrop-filter:blur(10px);min-width:260px;pointer-events:auto;overflow:hidden;animation:_slideInRight_31mw4_1 var(--transition-time) ease-out both;cursor:pointer;&:nth-child(1){animation-delay:.2s}&:nth-child(2){animation-delay:.15s}&:nth-child(3){animation-delay:.1s}&:nth-child(4){animation-delay:.05s}&:nth-child(5){animation-delay:0s}&._leaving_31mw4_43{animation:_slideOutRight_31mw4_1 var(--transition-time) ease-in forwards}&._custom_31mw4_47{cursor:default}&:hover>span{opacity:1}>svg{margin-top:.1rem}>span{display:block;width:3px;min-height:100%;align-self:stretch;flex-shrink:0;margin-right:0;opacity:.5}>div{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:0;>h1{font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--color-text-main)}>p{letter-spacing:.5px;line-height:1.45;color:var(--color-text-light);font-size:.7rem;margin:0}}>button{background:none;border:none;padding:0;border-radius:var(--border-radius);flex-shrink:0;opacity:.5;&:hover{opacity:1;color:var(--color-text-main)}}}}@keyframes _slideInRight_31mw4_1{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes _slideOutRight_31mw4_1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}._logo_i81fq_1{display:flex}._logo--horizontal_i81fq_5{align-items:center;gap:.5rem}._logo--vertical_i81fq_10{flex-direction:column;align-items:center;text-align:center;gap:.5rem;transform:scale(1.3);margin:2rem}._logo__icon_i81fq_19,._logo__text_i81fq_20{display:block}._button_514wk_1{position:relative;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;cursor:pointer;padding:.25rem .5rem;border-radius:var(--border-radius);gap:.3rem;text-wrap:nowrap;font-size:.7rem;pointer-events:all;color:var(--color-text-main);line-height:normal;&._primary_514wk_17{font-weight:700;text-transform:uppercase;border:1px solid var(--color-text-main);&:hover{color:var(--color-bg);background-color:var(--color-text-main)}}&:hover{color:var(--color-text-light)}&:disabled{opacity:.5;cursor:not-allowed;transform:none;pointer-events:none}}._stat-row_1vvee_1{display:flex;justify-content:space-between;font-size:.6rem;letter-spacing:1px;color:var(--color-text-main);gap:.3rem;>svg{margin-right:auto}>span{font-weight:700;letter-spacing:2px}&._clickable_1vvee_18{cursor:pointer;&:hover{background:var(--color-bg-dark)}}}._tag-bar_j7s4e_1{display:flex;gap:.5rem;>li{display:flex;align-items:center;gap:.2rem;font-size:.45rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.225rem .45rem;border-radius:var(--border-radius);color:var(--rarity-default);border:1px solid var(--rarity-default)}}._element-header_fs5oe_1{position:relative;width:fit-content;display:flex;align-items:center;gap:.3rem;>img{height:22px;aspect-ratio:1/1;object-fit:contain;object-position:center}>div{font-size:.7rem;font-weight:700;line-height:normal;>div{font-size:.6rem;letter-spacing:1px;font-weight:400}}}._equipment-name_ee4fz_1{position:relative;display:flex;justify-content:space-between;font-size:.6rem;letter-spacing:1px;z-index:1;>span{font-weight:700;letter-spacing:2px;color:var(--color-text-main)}}._character-card_cgaxw_1{position:relative;width:100%;max-width:100%;height:300px;min-height:300px;will-change:transform;border:var(--border-style);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;>ol{position:absolute;right:.5rem;top:.5rem}>img{position:relative;height:100%;width:100%;aspect-ratio:auto;object-fit:contain;transform:scale(1.3);top:50px}>div{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.5}>header{position:absolute;left:.7rem;bottom:.7rem}>strong{position:absolute;top:50%;right:12%;font-weight:900;font-size:4.5rem;transform:translateY(-50%) translate(50%) rotate(-90deg);opacity:.2;z-index:-1}&:before{content:"";position:absolute;left:50px;top:15%;width:150px;background-image:var(--faction-logo);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.2;transform:translate(-50%,-50%);aspect-ratio:1 / 1;object-fit:cover;object-position:center}&:after{content:"";position:absolute;inset:0;background-image:var(--card-bg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.1;filter:blur(5px);z-index:-1}&:hover{box-shadow:0 12px 30px #0006;border-color:var(--color-text-main)}&._phantom_cgaxw_89{opacity:.5;cursor:not-allowed;pointer-events:none;>div:first-child{height:100%;width:100%;object-fit:contain;transform:scale(1.25);top:55px}&:hover{transform:none;box-shadow:none}}&._deleted_cgaxw_108{filter:grayscale(1)}}._pagination_181lz_1{display:inline-flex;align-items:center;gap:.5rem;&._vertical_181lz_6{flex-direction:column;position:sticky;top:45vh;>div{transform:translateY(calc(var(--active-dom-index) * (25px + .5rem)))}}&._horizontal_181lz_15{position:relative;flex-direction:row;>div{transform:translate(calc(var(--active-dom-index) * (25px + .5rem)))}}>button{z-index:1;width:25px;height:25px;padding:0;border:1px solid var(--color-border);&:hover:not(:disabled){border-color:var(--color-border-strong)}&.active{border-color:var(--color-border-strong);color:var(--color-bg-dark);font-weight:700}}>span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;font-size:.7rem;letter-spacing:2px;color:var(--color-text-light)}>div{position:absolute;top:0;left:0;width:23px;height:23px;margin:1px;background:var(--color-text-main);border-radius:var(--border-radius);z-index:0;transition:transform var(--transition-time) ease;pointer-events:none}}._clan-card_1tvov_1{display:flex;width:100%;justify-content:space-between;cursor:pointer;will-change:transform;border:var(--border-style);border-radius:var(--border-radius);overflow:hidden;gap:2.5rem;align-items:center;padding:.7rem;>header{gap:.5rem}>ol{margin-left:auto;justify-content:end;flex:1}>section{display:flex;flex-direction:column;gap:.3rem;width:135px;>div{display:flex;align-items:center;gap:.3rem;font-size:.7rem;margin:0 auto;width:fit-content;letter-spacing:1px}>a,button{text-transform:uppercase;border:1px solid var(--color-border);font-weight:700;&:hover{color:var(--color-bg);background-color:var(--color-text-main)}}}&:after{content:"";position:absolute;inset:0;background-image:var(--card-bg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.3;z-index:-1;filter:blur(10px)}&:hover{box-shadow:0 12px 30px #0006;border-color:var(--color-text-main)}}._equipment-slot_1agqt_1{overflow:hidden;position:relative;padding:.15rem .7rem;box-shadow:#00000059 0 5px 15px;background:radial-gradient(circle,#1d1a19e6 70%,#1b1917);>span{position:relative;font-size:.4rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;line-height:200%;z-index:1}>img{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;object-fit:contain;z-index:0}}._artefacts_1agqt_29{display:flex;justify-content:space-between;>li{position:relative;display:flex;align-items:center;justify-content:center;width:38px;aspect-ratio:1 / 1;background:radial-gradient(circle,#1d1a19e6 70%,#1b1917);border:1px solid transparent;>img{width:100%;transform:scale(.85)}&._locked_1agqt_48{color:#555;border-style:dashed;border-color:#555}&[data-rarity]{border-color:var(--rarity-color);background:repeating-linear-gradient(to bottom,transparent 0 1px,color-mix(in srgb,var(--rarity-color) 8%,transparent) 3px 3px),radial-gradient(circle,#1d1a19e6 70%,#1b1917)}}}._empty-state_osftl_1{width:fit-content;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;text-align:center;>svg{opacity:.5}>h3{font-size:1rem;letter-spacing:1px;font-weight:500;margin:.7rem 0 .5rem;overflow-wrap:anywhere}>p{letter-spacing:.5px;font-size:.7rem;color:var(--color-text-light)}>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem;width:100%;margin-top:1rem;>li{display:flex;align-items:center;text-transform:uppercase;gap:.3rem;padding:.7rem;border-radius:var(--border-radius);border:1px solid var(--color-border);font-size:.7rem;font-weight:600;letter-spacing:.5px}>li:hover{box-shadow:0 .25rem 16px #0000001a;border-color:var(--color-border-strong)}}}._additional-prop-select_loevq_1{position:relative;cursor:pointer;height:33px;min-width:0;width:100%;border:1px solid var(--color-border);background:var(--color-bg);border-radius:var(--border-radius);>nav{position:relative;display:grid;grid-template-columns:repeat(var(--tag-count, 1),minmax(0,max-content));gap:.3rem;width:100%;height:100%;align-items:center;padding:.3rem;min-width:0;overflow:hidden;>span{position:relative;display:flex;align-items:center;padding:.3rem .3rem .3rem .5rem;border:1px solid var(--rarity-default);border-radius:var(--border-radius);color:var(--rarity-default);background-color:color-mix(in srgb,var(--rarity-default) 10%,transparent);flex:0 1 auto;min-width:0;max-width:100%;gap:.2rem;font-size:.45rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;overflow:hidden;>._tag-text_loevq_42{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}>button{color:var(--color-text-main);margin-left:auto;flex-shrink:0;display:flex;align-items:center;padding:0;scale:1.6;>svg{cursor:pointer;&:hover{color:var(--color-error)}}}}}>div{position:absolute;top:100%;left:0;right:0;background:linear-gradient(180deg,#1a1a1afa,#141414fa);border:1px solid var(--color-border);border-radius:var(--border-radius);z-index:100;max-height:330px;overflow:hidden;display:flex;flex-direction:column;animation:_dropdownSlide_loevq_1 var(--transition-time) cubic-bezier(.4,0,.2,1);>ul{max-height:250px;overflow-y:auto;padding:.25rem;margin:0;background:#0f0f0f66;>li{padding:.5rem .7rem;margin:.25rem 0;font-size:.6rem;letter-spacing:1px;cursor:pointer;position:relative;overflow:hidden;color:var(--color-text-main);&:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background var(--transition-time) ease}&:hover{background:#ffffff0d}&:hover:before{background:currentColor}&._selected_loevq_119:before{background:currentColor}}}}&._empty_loevq_126:after{content:"Нажмите чтобы выбрать";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.45rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-light);opacity:.7;z-index:1;pointer-events:none}&._empty_loevq_126:hover:after{opacity:1}}@keyframes _dropdownSlide_loevq_1{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}._item-picker_pa8id_1{position:relative;display:block;width:100%;>div{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,#1a1a1afa,#141414fa);border:1px solid var(--color-border);border-radius:var(--border-radius);z-index:100;max-height:330px;overflow:hidden;display:flex;flex-direction:column;animation:_dropdownSlide_pa8id_1 var(--transition-time) cubic-bezier(.4,0,.2,1);>div:first-child{display:flex;border-bottom:1px solid var(--color-border);height:36px;>input{background:transparent;border:none;flex:1;padding:.5rem 1rem;font-size:.6rem;letter-spacing:1px;appearance:textfield;-moz-appearance:textfield}}>ul{max-height:250px;overflow-y:auto;padding:.25rem;margin:0;background:#0f0f0f66;>li{padding:.5rem .7rem;margin:.25rem 0;font-size:.6rem;letter-spacing:1px;cursor:pointer;position:relative;overflow:hidden;&:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background var(--transition-time) ease}&:hover{background:#ffffff0d}&:hover:before{background:currentColor}&._selected_pa8id_73:before{background:currentColor}}}}}@keyframes _dropdownSlide_pa8id_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}._main-logo_1cb36_1{display:flex;width:100%;justify-content:space-between;z-index:-1;span{font-weight:300;width:min-content;font-size:12rem;filter:drop-shadow(0 0 7px rgba(255,255,255,.4));&._outline-bold_1cb36_13{font-weight:900;color:transparent;-webkit-text-stroke:3px var(--color-text-main)}}}._slider_qprki_1{position:relative;display:flex;align-items:center;>span:first-child{width:100%;position:relative;height:3px;background:var(--color-border);border-radius:var(--border-radius);cursor:pointer;>div{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;pointer-events:none;transition:none;background:linear-gradient(to right,var(--rarity-newbie) 0%,var(--rarity-newbie) 8%,var(--rarity-stalker) 12%,var(--rarity-stalker) 23%,var(--rarity-veteran) 27%,var(--rarity-veteran) 38%,var(--rarity-master) 42%,var(--rarity-master) 58%,var(--rarity-legend) 62%,var(--rarity-legend) 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent var(--left, 0%),black var(--left, 0%),black var(--right, 100%),transparent var(--right, 100%),transparent 100%);mask-image:linear-gradient(to right,transparent 0%,transparent var(--left, 0%),black var(--left, 0%),black var(--right, 100%),transparent var(--right, 100%),transparent 100%);border-radius:var(--border-radius)}}>span:nth-child(2),>span:last-child{transition:none;>span{position:absolute;top:50%;padding:.2rem .5rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:grab;transform:translate(-50%,-50%);color:var(--color-text-main);font-size:.6rem;&:hover{transform:translate(-50%,-50%)}&:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}}}&:after{content:attr(data-label);position:absolute;bottom:0;left:0;width:100%;font-size:.5rem;text-transform:uppercase;opacity:.6;text-align:center;pointer-events:none;z-index:-1}}._slider_jzr0h_1{position:relative;display:flex;align-items:center;>span:first-child{width:100%;position:relative;height:3px;background:var(--color-border);border-radius:var(--border-radius);cursor:pointer;>span{position:absolute;top:0;left:0;height:100%;opacity:.8;pointer-events:none;transition:none;background:var(--color-accent-primary);border-radius:var(--border-radius)}}>span:last-child{transition:none;>span{position:absolute;top:50%;padding:.2rem .5rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:grab;transform:translate(-50%,-50%);color:var(--color-text-main);font-size:.6rem;&:hover{transform:translate(-50%,-50%)}&:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}}}}._artefact-panel_h635o_1{display:flex;flex-direction:column;gap:.5rem;>div{display:flex;flex-direction:column;gap:1rem;height:100%;>header{gap:.5rem;display:flex;align-items:center;>img{width:27px;height:27px}>li{font-size:.7rem;font-weight:700;letter-spacing:1px}>button:last-child{min-width:40px;background:color-mix(in srgb,var(--color-error) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 50%,transparent);color:var(--color-error);margin-left:auto;&:hover{border-color:var(--color-error)}}}>ul{display:flex;flex-direction:column;gap:.5rem;>li{display:flex;justify-content:space-between;font-size:.7rem}}}>fieldset{display:flex;flex-direction:column;gap:.7rem;border-top:1px solid var(--color-border);padding:.7rem;margin:-.7rem;>div{display:flex;justify-content:space-between;align-items:end;height:26px;&:not(:first-child){margin-top:.7rem}&:last-child{align-items:center}>span{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-light)}>nav{display:flex;align-items:center;gap:.5rem;min-width:0;min-height:1rem;>input{width:65px;height:26px;background:transparent;border:none;border-radius:0;border-bottom:1px solid var(--color-border);font-size:.7rem;font-weight:700;color:var(--color-text-main);text-align:center;letter-spacing:1px;-moz-appearance:textfield;appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}&:hover{border-color:var(--color-border-strong)}&:focus{border-color:var(--color-border-strong)}}>p{font-size:.7rem;font-weight:700;cursor:pointer}>button{padding:0}}}>nav{display:flex;gap:.5rem;align-items:center;>button{min-width:40px;width:100%;border:1px solid var(--color-border);background:var(--color-bg);&:hover{border-color:var(--color-border-strong)}}>input[type=number]{width:36px;text-align:center;font-size:.85rem;font-weight:600;background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-main);appearance:textfield;-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}}}}}