:root{--zelenyy-diskont: #8fe976;--fresh-produkt: #b5ff84;--myatnyy-aktiv: #dbf8dc;--zolotoy-rezerv: #ffd555;--limonnyy-depozit: #fff68e;--vanilnyy-fyuchers: #fffbef;--alfa-korall: #ff5656;--rozovyy-prirost: #ffadad;--persikovyy-kontrast: #ffe6da;--bazisnyy-indeks: #7e8999;--menya-likvidnulo: #fff;--homyachie-iksy: #f5f1e6;--homyachie-minusa: #99978f;--nochnoy-dozor: #363636;--nochnoy-rynok: #1c1c1c;--black: #000;--font-family: "Loos Compressed Nice Font", sans-serif;--stage-scale: 1;--stage-width: 1920px;--stage-height: 1080px}@font-face{font-family:Loos Compressed Nice Font;src:url(/assets/fonts/LoosCompressed-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Loos Compressed Nice Font;src:url(/assets/fonts/LoosCompressed-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Loos Compressed Nice Font;src:url(/assets/fonts/LoosCompressed-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-height:100dvh;scroll-behavior:smooth;text-rendering:optimizeSpeed;font-family:var(--font-family);color:var(--black);font-weight:500;font-size:16px;line-height:normal;background:var(--nochnoy-rynok)}p,h1{margin:0}.viewport{position:fixed;top:50%;left:50%;width:var(--stage-width);height:var(--stage-height);transform:translate(-50%,-50%);transform-origin:center center}.stage{position:relative;width:1920px;height:1080px;overflow:hidden;transform:scale(var(--stage-scale));transform-origin:top left;background:var(--nochnoy-rynok)}.screen{background:var(--nochnoy-rynok)}.screen--beer,.screen--cocktails{display:flex;flex-direction:column;padding:64px;transition:.2s ease-in-out;background:var(--nochnoy-rynok)}.screen--beer .page__header{margin-bottom:72px}.screen--cocktails .page__header{margin-bottom:16px}.screen--cocktails .page__header_secondary{justify-content:flex-start;height:64px}.page__header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:64px}.page__logo{position:absolute;left:50%;width:214px;height:48px;transform:translate(-50%);object-fit:contain}.page__timer{width:64px;height:64px}.page__content{position:relative;z-index:2;display:flex;gap:48px}.screen--cocktails .page__content{gap:16px;margin-bottom:32px}.page__title{position:relative;width:fit-content;font-family:var(--font-family);font-weight:500;font-size:64px;line-height:100%;letter-spacing:-.05em;text-transform:uppercase;color:#fffbef}.screen--cocktails .page__title{align-self:flex-end;font-size:48px}.page__background{position:absolute;inset:0;z-index:0;width:1920px;height:1080px;pointer-events:none}.page__charts{position:absolute;bottom:32px;left:50%;z-index:1;width:auto;height:240px;transform:translate(-50%);pointer-events:none}.page__loading,.page__error{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:64px;font-family:var(--font-family);font-weight:500;font-size:48px;line-height:100%;letter-spacing:-.05em;text-align:center;text-transform:uppercase;color:#fffbef;background:#1c1c1cb8}.page__error{color:#ff5656}.movers-page{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:48px;padding:48px;position:relative;background:var(--nochnoy-rynok)}.page__inner{display:flex;flex:1;flex-direction:column;height:100%}.movers-page .page__title{margin-bottom:60px;color:#fffbef}.movers-page .page__title:before{content:"";position:absolute;top:50%;right:-40px;width:0;height:0;transform:translateY(-50%);border-left:8px solid transparent;border-right:8px solid transparent;transition:.2s ease-in-out}.page__title_green_up:before{border-bottom:13px solid var(--zelenyy-diskont)}.page__title_green_down:before{border-top:13px solid var(--zelenyy-diskont)}.page__title_red_up:before{border-bottom:13px solid var(--alfa-korall)}.page__title_red_down:before{border-top:13px solid var(--alfa-korall)}.banner{overflow:hidden;position:relative;border-radius:10px;padding:48px;font-family:var(--font-family);font-size:16px;background-size:auto;background-position:top right;background-repeat:no-repeat}.banner_green_bg{background-color:var(--myatnyy-aktiv);background-image:url(/assets/ui/background_green.svg)}.banner_red_bg{background-color:var(--persikovyy-kontrast);background-image:url(/assets/ui/background_red.svg)}.banner__content{display:flex;flex-direction:column;gap:24px}.banner__item{display:flex;align-items:center;gap:8px}.banner__left{display:flex;align-items:center;flex:1;min-width:0;gap:24px}.banner__right{min-width:180px}.banner .percentage{position:relative;margin-bottom:10px}.banner__img{border-radius:10px;width:134px;height:134px;aspect-ratio:1;padding:10px;object-fit:contain;background-color:var(--nochnoy-dozor)}.banner__img_empty{background-color:var(--nochnoy-dozor)}.banner__title,.banner__price{font-family:var(--font-family);font-weight:500;font-size:48px;line-height:100%;letter-spacing:-.05em;text-transform:uppercase;color:#363636}.banner__title{max-width:500px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner__price{text-align:right}.banner__info{font-family:var(--font-family);font-weight:400;font-size:32px;line-height:100%;letter-spacing:-.05em;text-transform:uppercase;color:#99978f}.banner__info span{margin-right:4px}.grid{display:grid;grid-template-columns:26fr 9fr 9fr 9fr;grid-auto-rows:max-content;grid-gap:8px;width:100%}.screen--cocktails .grid{grid-template-columns:72fr 23fr 23fr 23fr}.grid__header,.grid__row{display:contents}.grid__change{position:relative;height:56px}.screen--cocktails .grid__change{height:44px}.grid__item{height:48px;padding:12px 16px;border-radius:8px;font-family:var(--font-family);font-weight:400;font-size:24px;line-height:100%;letter-spacing:-.05em;text-transform:uppercase;color:#99978f}.screen--cocktails .grid__item{height:44px}.grid__cell{display:flex;align-items:center;height:56px;padding:12px 16px;border-radius:4px;overflow:hidden;font-family:var(--font-family);font-weight:500;font-size:32px;line-height:100%;letter-spacing:-.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:#fffbef;background-color:#363636}.screen--cocktails .grid__cell{height:44px;font-size:24px}.grid__cell_sold{grid-column:span 2;color:#ff5656}.grid__flip{position:absolute;inset:0}.grid__flip-face{position:absolute;inset:0;opacity:0;transition:opacity .2s ease-in-out}.grid__flip-face_percentage{animation:percentagePulse 10s infinite linear}.grid__flip-face_chart{animation:chartPulse 10s infinite linear}.percentage{position:absolute;display:flex;align-items:center;height:30px;padding:0 8px 0 30px;border-radius:5px;font-family:var(--font-family);font-weight:400;font-size:32px;line-height:100%;letter-spacing:-.05em;text-align:right;color:var(--nochnoy-rynok);background-color:var(--zelenyy-diskont);transition:.2s ease-in-out}.percentage:before{content:"";position:absolute;top:50%;left:8px;width:0;height:0;transform:translateY(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:11px solid var(--black);transition:.2s ease-in-out}.percentage_large{position:relative;height:56px;padding:12px 16px;border-radius:4px;font-weight:500;text-transform:uppercase}.screen--cocktails .percentage_large{height:44px;font-size:24px}.percentage_large:before{right:16px;left:auto}.percentage_yellow{background-color:var(--zolotoy-rezerv)}.percentage_yellow:before{border-top:none;border-bottom:11px solid var(--black)}.percentage_red_up{color:var(--menya-likvidnulo);background-color:var(--alfa-korall)}.percentage_red_up:before{border-top:none;border-bottom:11px solid var(--menya-likvidnulo)}.percentage_red_down{color:var(--menya-likvidnulo);background-color:var(--alfa-korall)}.percentage_red_down:before{border-bottom:none;border-top:11px solid var(--menya-likvidnulo)}.percentage_green_up{color:var(--nochnoy-rynok);background-color:var(--zelenyy-diskont)}.percentage_green_up:before{border-top:none;border-bottom:11px solid var(--black)}.percentage_green_down{color:var(--nochnoy-rynok);background-color:var(--zelenyy-diskont)}.percentage_green_down:before{border-bottom:none;border-top:11px solid var(--black)}.chart{border-radius:4px;background-color:#363636}.chart__canvas{position:relative;z-index:1;display:block;width:144px;height:56px}.screen--cocktails .chart__canvas{width:100%;height:44px}.loader{width:64px;height:64px;border:6px solid #555555;border-radius:50%;position:relative;transform:rotate(45deg)}.loader:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:6px solid #fff}.animate:before{animation:prixClipFix 5s infinite linear}@keyframes percentagePulse{0%,48%{opacity:1}52%,to{opacity:0}}@keyframes chartPulse{0%,48%{opacity:0}52%,to{opacity:1}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}37.5%{clip-path:polygon(50% 50%,0 0,100% 0,100% 50%,100% 50%,100% 50%)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}62.5%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,50% 100%,50% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}87.5%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 50%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}@media(prefers-reduced-motion:reduce){.grid__flip-face_percentage,.grid__flip-face_chart,.animate:before{animation:none}.grid__flip-face_percentage{opacity:1}}