@charset "UTF-8";:root{--accent: #e65151;--dark: #0A0A0A;--white-0: hsl(from white h s l / 0);--white-2: hsl(from white h s l / .02);--white-5: hsl(from white h s l / .05);--white-10: hsl(from white h s l / .1);--white-15: hsl(from white h s l / .15);--white-20: hsl(from white h s l / .2);--white-25: hsl(from white h s l / .25);--white-30: hsl(from white h s l / .3);--white-35: hsl(from white h s l / .35);--white-40: hsl(from white h s l / .4);--white-45: hsl(from white h s l / .45);--white-50: hsl(from white h s l / .5);--white-55: hsl(from white h s l / .55);--white-60: hsl(from white h s l / .6);--white-65: hsl(from white h s l / .65);--white-70: hsl(from white h s l / .7);--white-75: hsl(from white h s l / .75);--white-80: hsl(from white h s l / .8);--white-85: hsl(from white h s l / .85);--white-90: hsl(from white h s l / .9);--white-95: hsl(from white h s l / .95);--white-100: hsl(from white h s l / 1);--black-0: hsl(from black h s l / 0);--black-2: hsl(from black h s l / .02);--black-5: hsl(from black h s l / .05);--black-10: hsl(from black h s l / .1);--black-15: hsl(from black h s l / .15);--black-20: hsl(from black h s l / .2);--black-25: hsl(from black h s l / .25);--black-30: hsl(from black h s l / .3);--black-35: hsl(from black h s l / .35);--black-40: hsl(from black h s l / .4);--black-45: hsl(from black h s l / .45);--black-50: hsl(from black h s l / .5);--black-55: hsl(from black h s l / .55);--black-60: hsl(from black h s l / .6);--black-65: hsl(from black h s l / .65);--black-70: hsl(from black h s l / .7);--black-75: hsl(from black h s l / .75);--black-80: hsl(from black h s l / .8);--black-85: hsl(from black h s l / .85);--black-90: hsl(from black h s l / .9);--black-95: hsl(from black h s l / .95);--black-100: hsl(from black h s l / 1);--main-text-color: var(--white-90);--main-panel-bg: var(--white-5);--blur-bg: blur(25px);--smaller-border-radius: 16px;--main-border-radius: 32px;--main-font-size: 16px;--smaller-font-size: 12px;--larger-font-size: 20px}*,*:before,*:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:Montserrat;font-size:var(--main-font-size);font-weight:500;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;margin:0;padding:0;color:var(--white-90);interpolate-size:allow-keywords;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}*,*:before,*:after,*:not(path):not(g){transition:all .2s}h1,h2,h3,h4,h5,h6,p,a{width:fit-content;height:fit-content;line-height:100%}html{width:100vw;height:100vh}body{width:100%;height:100%;background:var(--dark);overflow:hidden auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}#app{width:100%;height:100%;padding:32px 0}a{color:#add8e6;text-decoration:none;pointer-events:all;cursor:pointer}button{width:fit-content;height:44px;padding:0 16px;display:flex;align-items:center;justify-content:center;background:var(--white-10);border:1px solid var(--white-15);border-radius:var(--smaller-border-radius);color:var(--white-90);-webkit-backdrop-filter:var(--blur-bg);backdrop-filter:var(--blur-bg);cursor:pointer}button:not(.primary):hover{background:var(--white-25);border:1px solid var(--white-0)}button:not(.primary):active{background:var(--white-10);border:1px solid var(--white-0);color:var(--white-75)}button.primary{background:var(--accent)}button.primary:hover{background:color-mix(in hsl,var(--accent) 90%,black)}button.primary:active{background:color-mix(in hsl,var(--accent) 75%,black);color:var(--white-75)}.displayNone{display:none!important}#app{padding:32px}#app>*{margin-bottom:32px}nav{width:100%;height:fit-content;background:var(--white-10);border-radius:24px;padding:8px;border:1px solid var(--white-15)}nav .navLinkContainer{width:fit-content;height:fit-content;display:inline-block}nav .navLinkContainer>a{text-transform:uppercase}nav .navLinkContainer:hover>.navDrop{height:fit-content;padding:8px;pointer-events:all;opacity:1;overflow:unset}nav .navLinkContainer .navDrop{position:absolute;inset:100% 0 auto;width:100%;height:0;z-index:2;padding:0;background:var(--white-10);-webkit-backdrop-filter:var(--blur-bg);backdrop-filter:var(--blur-bg);border:1px solid var(--white-15);border-radius:24px;overflow:hidden;pointer-events:none;opacity:0}nav .navLinkContainer .navDrop a{width:100%;text-align:center;padding:0 8px}nav .navLinkContainer .navDrop a:not(:last-child){margin-bottom:8px}nav .navLinkContainer a{display:inline-block;width:fit-content;height:48px;padding:0 24px;background:var(--white-10);border-radius:16px;border:1px solid var(--white-15);color:var(--white-90);-webkit-user-select:none;user-select:none;align-content:center}nav .navLinkContainer a:hover{background:var(--white-20);border:1px solid var(--white-0)}nav .navLinkContainer a:active{background:var(--white-5);border:1px solid var(--white-0);color:var(--white-50)}nav.verticalNav .navLinkContainer{width:100%}nav.verticalNav .navLinkContainer>a{width:100%}nav.verticalNav .navLinkContainer .navDrop{inset:0 0 auto 100%}nav.verticalNav .navLinkContainer>.navDrop .navDrop{background:#292424}nav.verticalNav>.navLinkContainer:not(:last-child){margin-bottom:8px}nav.accordionNav .navLinkContainer{width:100%}nav.accordionNav .navLinkContainer>a{width:100%}nav.accordionNav .navLinkContainer .navDrop{position:relative}nav.accordionNav .navLinkContainer:hover>.navDrop{height:fit-content;padding:8px;pointer-events:all;opacity:1;overflow:hidden}nav.accordionNav .navLinkContainer>.navDrop .navDrop{background:#292424}nav.accordionNav>.navLinkContainer:not(:last-child){margin-bottom:8px}.leftSidebar{width:300px;height:fit-content;min-height:300px;float:left;margin-right:16px}.rightSidebar{width:300px;height:fit-content;min-height:300px;float:right;margin-left:16px}.itemsContainer{width:auto;height:fit-content;overflow:hidden;pointer-events:none}.itemsContainer *{pointer-events:all}.itemsContainer .item{display:inline-block;width:232px;padding:16px;background:var(--white-10);border-radius:24px;border:1px solid var(--white-15);overflow:hidden;cursor:pointer}.itemsContainer .item:after{content:"Элемент";position:absolute;inset:auto 0 0;height:0;background:var(--white-10);border-top:1px solid var(--white-0);-webkit-backdrop-filter:var(--blur-bg);backdrop-filter:var(--blur-bg);text-align:center;align-content:center}.itemsContainer .item:hover{background:var(--white-20);border:1px solid var(--white-0);box-shadow:0 16px 32px 0 var(--black-75);z-index:1}.itemsContainer .item:hover:after{height:64px;border-top:1px solid var(--white-15)}.itemsContainer .item:hover .itemImage{opacity:.7}.itemsContainer .item:hover .itemName{color:var(--accent)}.itemsContainer .item:hover .itemPrices>*:nth-child(1){color:var(--white-90)}.itemsContainer .item:active{background:var(--white-5);border:1px solid var(--white-0);box-shadow:0 16px 32px 0 var(--black-35);z-index:1}.itemsContainer .item:active>*{opacity:.7}.itemsContainer .item>*{width:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.itemsContainer .item .itemImage{width:100%;height:128px;object-fit:cover;border-radius:8px;margin-bottom:8px}.itemsContainer .item .itemName{display:block;white-space:nowrap;text-overflow:ellipsis;color:var(--white-90);font-weight:600;margin-bottom:4px}.itemsContainer .item .itemGenre{color:var(--white-75);font-size:14px;font-weight:400;margin-bottom:8px}.itemsContainer .item .itemPrices{margin-bottom:8px}.itemsContainer .item .itemPrices>*{display:inline}.itemsContainer .item .itemPrices>*:nth-child(1){font-size:20px;font-weight:700;color:var(--accent);margin-right:4px}.itemsContainer .item .itemPrices>*:nth-child(2){font-size:14px;font-weight:600;color:var(--white-75);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--accent)}.itemsContainer .item .itemDescription{color:var(--white-75);font-weight:400;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}