*,:before,:after{box-sizing:border-box}:focus-visible{outline-offset:2px;outline:2px solid}:root{interpolate-size:allow-keywords;--primary-color:#5e467a;--outline-color:orange;--shape-panel-radius:8px}::details-content{transition:height .5s ease, content-visibility .5s ease allow-discrete;height:0;overflow:clip}[open]::details-content{height:auto}body{--contentShift:2rem;color:var(--primary-color);margin:0;font-family:Lato,sans-serif;font-style:normal;font-weight:400}main{flex-direction:column;max-width:1600px;min-height:100vh;margin:auto;padding:0 3%;display:flex}main:has(.navigation .filter-new:not(:checked)) .recently-added{display:none}main:has(.navigation .filter-history:not(:checked)) .recently-viewed{display:none}::-webkit-scrollbar{width:.7rem}::-webkit-scrollbar-track{background-color:#f9f9fd;box-shadow:inset 5px 5px 5px -5px #adbad8e6}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, #3e3f48, var(--primary-color));border-radius:10px}section{padding:0 var(--contentShift);flex:1}header{margin:0 var(--contentShift)}header h2{margin:0;font-size:1.2em}h1{text-align:center;color:#0000;filter:drop-shadow(1px 1px 1px #666);background-image:linear-gradient(#e6dee9 0%,#bdc2e8 99% 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-family:Pacifico,cursive;font-size:3.5rem;font-style:normal;font-weight:600;line-height:1.4}h2{text-align:center}.stat{flex-wrap:wrap;justify-content:space-around;gap:0 1rem;display:flex}.navigation{margin:0 var(--contentShift);color:var(--primary-color);z-index:10;border-radius:var(--shape-panel-radius);corner-shape:superellipse(-.3);background:#fff;border-top-left-radius:0;border-top-right-radius:0;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:.5rem 2rem;padding:.5rem 1rem;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:4px 10px 10px #bfbfbf57}.navigation .search{color:inherit;border:2px solid;flex:1;padding:.3em;font-size:1.2rem}.navigation .search:focus-visible{outline-style:dashed;outline-color:inherit}.navigation .search::placeholder{color:currentColor;opacity:.5}.navigation .filters-switcher{--hue-rotate:45deg;color:#1e90ff;accent-color:currentColor;aspect-ratio:1;height:2rem;filter:hue-rotate(var(--hue-rotate,0deg));background-color:#0000;background-image:url(../img/filter-icon.png);background-repeat:no-repeat;background-size:contain;border:none;transition:filter .4s;position:relative}.navigation .filters-switcher:hover,.navigation .filters-switcher:focus-visible{filter:drop-shadow(1px 1px 2px currentColor) hue-rotate(calc(var(--hue-rotate) + 135deg));cursor:pointer}.navigation .filters-switcher:before{content:"*";color:#f0fff0;text-shadow:0 0 5px #0089c4;opacity:0;font-size:3.5em;font-weight:700;line-height:0;transition:inherit;position:absolute;bottom:0;right:0}.navigation .filters-switcher:has(~.filter-container .filter-type:not(:checked)),.navigation .filters-switcher:has(~.filter-container .filter-catalog[data-type=all]:not(:checked)){filter:drop-shadow(0 0 3px dodgerblue) hue-rotate(var(--hue-rotate,0deg))}:is(.navigation .filters-switcher:has(~.filter-container .filter-type:not(:checked)),.navigation .filters-switcher:has(~.filter-container .filter-catalog[data-type=all]:not(:checked))):before{opacity:1}.navigation .filter-container{grid-column:1/-1;grid-template-rows:0fr;width:100%;transition:grid-template-rows .5s;display:grid}.navigation .filter-container .filter-panel{--size:1.2rem;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;overflow:hidden}.navigation .filter-container .filter-panel label{font-size:var(--size);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:1px solid;border-radius:8px;justify-content:center;align-items:center;gap:.5em;max-width:350px;padding:.3em 1em;transition:all .3s;display:flex;position:relative}.navigation .filter-container .filter-panel label:has(input:checked){background-color:#e6e6fa;background-color:color-mix(in srgb, currentColor 25%, transparent)}.navigation .filter-container .filter-panel label:hover,.navigation .filter-container .filter-panel label:focus-visible{background-color:#f5f5f5}.navigation .filter-container .filter-panel .filter-catalog-label{color:#ff4b04}.navigation .filter-container .filter-panel input{color:currentColor;accent-color:currentColor;height:var(--size);width:var(--size);aspect-ratio:1;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute}.navigation .filter-container .filter-panel .separator{background:#eee;flex-basis:100%;height:1px}.navigation .filter-container.active{grid-template-rows:1fr}.navigation .qr-scan-button{--hue-rotate:45deg;--size:2rem;width:var(--size);height:var(--size);cursor:pointer;filter:hue-rotate(45deg);color:#006db3;background-color:#0000;background-image:url(../img/qr-icon.png);background-repeat:no-repeat;background-size:contain;border:none;margin:0;padding:.5rem;font-size:1.2rem;transition:filter .4s}.navigation .qr-scan-button:hover,.navigation .qr-scan-button:focus-visible{filter:drop-shadow(0px 0px 1px currentColor) hue-rotate(calc(var(--hue-rotate) + 135deg));cursor:pointer}.navigation .qr-dialog{border:none;max-width:90vw;max-height:90vh;box-shadow:0 10px 23px 1px #84afff8f}.navigation .qr{color:#006db3;flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.navigation .qr .qr-video{width:100%;height:0;display:none}.navigation .qr .qr-video.active{height:100%;display:block}.navigation .qr .qr-output{flex-direction:column;align-items:center;display:flex}.navigation .qr .qr-output .not-found{color:#da4141}.navigation .qr .qr-close{--size:2rem;width:var(--size);height:var(--size);cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;background-color:#87cefa;border:none;border-radius:50%;justify-content:center;align-self:end;align-items:center;margin:0;padding:0;transition:all .3s;display:flex}.navigation .qr .qr-close:hover,.navigation .qr .qr-close:focus-visible{color:#f5f5f5;background-color:#63b1e1}.navigation .qr button{width:100%;margin:0;padding:.5rem;font-size:1.2rem}.navigation .recently-viewed-toggle,.navigation .new-added-toggle{color:var(--primary-color);cursor:pointer;font-size:var(--size,1rem);background:0 0;border:1px dashed;border-radius:6px;justify-content:center;align-items:center;min-width:100px;min-height:2em;transition:all .2s;display:flex}.navigation .recently-viewed-toggle{padding:.3em 1em}.recently-viewed,.recently-added{border-radius:var(--shape-panel-radius);border-radius:var(--shape-panel-radius);corner-shape:superellipse(-.3);background:linear-gradient(135deg,#1f1f24,#2f2a40 60%,#1f1a10);padding:.5rem;box-shadow:inset 0 1px #cd4242,inset 0 -1px #20638f}.recently__panel{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.recently__panel::-webkit-details-marker{display:none}.recently__panel::marker{content:""}.recently__title{color:#f2f2f2;margin:0;font-family:Fira Mono;font-size:1.2rem;font-weight:400}.recently__action{color:#ff9b00;background:0 0;border:1px solid #ff9b00;border-radius:6px;padding:.3rem .7rem;font-size:.95rem;transition:all .2s}.recently__action:hover,.recently__action:focus-visible{color:#fff;outline-color:var(--outline-color);border-color:#fff}.recently__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:.6rem;padding:.4rem;display:grid}.recently__item{border-radius:var(--shape-panel-radius);cursor:pointer;text-align:left;color:#e8e8e8;background:#ffffff0a;border:1px solid #ffffff26;grid-template-columns:70px 1fr;align-items:center;gap:.6rem;padding:.4rem;transition:transform .2s,border-color .2s,background-color .2s;display:grid}.recently__item:hover,.recently__item:focus-visible{outline-color:var(--outline-color);background:#ffffff14;border-color:#ff9b00;transform:translateY(-1px)}.recently__thumb{border-radius:6px;width:70px;height:52px;display:block;overflow:hidden}.recently__img{object-fit:cover;aspect-ratio:auto;border-radius:6px;width:70px;height:52px;box-shadow:0 0 0 1px #ffffff1a}.recently__label{font-size:.95rem;line-height:1.2}.recently__label-title,.recently__label-description{display:block}.recently__label-title{color:#f2f2f2}.recently__label-description{color:#cfcfe0;margin-top:.15rem;font-size:.85rem}.recently__empty{color:#cfcfe0;padding:.5rem;font-size:.95rem}.recently-viewed:not(.initialized){display:none!important}.recently-viewed:open .recently-viewed__clear{display:block}.recently-viewed .recently-viewed__clear{cursor:pointer;display:none}.recently-viewed.recently-viewed--hidden{display:none!important}.recently-added .recently-added__count{font-weight:600}.recently-added .recently-added__count:after{content:" новых"}.recently-added .recently__list{background:0 0;margin:0}.recently-added .recently__item{position:relative}.recently-added .recently__thumb:before{content:"";display:block;position:absolute;inset:0}.category.search-hide,.category.filter-hide,.category.empty-hide{display:none}.category:open .category-panel{--angle:0deg;outline-color:var(--outline-color);outline-offset:-2px;box-shadow:inset 6px 0 1px #ff6e07,inset -6px 0 1px #ff6e07}.category-panel{--angle:110deg;--bg-percent:75%;color:#fff;background:linear-gradient(var(--angle), #3e3f48, var(--primary-color) var(--bg-percent), #2d1a0f);cursor:pointer;border-radius:var(--shape-panel-radius);corner-shape:superellipse(-.3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:3.3rem;padding:.5rem 1rem;transition:box-shadow .3s;display:flex;box-shadow:inset 0 1px #cd4242,inset 0 -1px #20638f}.category-panel:hover,.category-panel:focus-visible{--angle:0deg;outline-color:var(--outline-color);outline-offset:-2px;box-shadow:inset 6px 0 1px #ff6e07,inset -6px 0 1px #ff6e07}.category-panel::-webkit-details-marker{display:none}.category-title{--shiftFirstLetter:-.41ch;--fontSizeFirstLetter:1.7em;flex:1;margin:0 0 0 1rem;font-family:Fira Mono;font-size:1.3rem;font-weight:400}.category-title.first-entry-letter:first-letter{color:#0000;font-size:var(--fontSizeFirstLetter);margin-left:var(--shiftFirstLetter);background-image:linear-gradient(#72d876 60%,#4c4c4c 90%,#5c5c5c 92%);-webkit-background-clip:text;background-clip:text;font-weight:700}.expand-all{--size-expand-el:2ch;--border-color:darkorange;cursor:pointer;color:#fff;background-color:#0000;border:0;padding:.4rem 1rem;font-size:1rem;transition:color .3s;display:inline-block;position:relative}.expand-all:before{content:"";width:var(--size-expand-el);height:var(--size-expand-el);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);filter:drop-shadow(4px 4px);position:absolute;top:0;left:0}.expand-all:after{content:"";width:var(--size-expand-el);height:var(--size-expand-el);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);filter:drop-shadow(-4px -4px);position:absolute;bottom:0;right:0}.expand-all:hover,.expand-all:focus-visible{--border-color:#fff;color:#ff8c00;outline-color:var(--outline-color)}.category[open] .expand-all{--border-color:#fff;color:#ff8c00}.category-count{text-align:end;min-width:5ch;font-size:1em;font-weight:600}.category-count:not(:empty):after{content:" шт."}.flavour{color:#6f6f6f;text-shadow:0 -1px #ffffff4d;cursor:pointer;border-radius:var(--shape-panel-radius);corner-shape:superellipse(-.3);background:#ede8f3;padding:.2rem;transition:all .3s;box-shadow:inset 0 1px #fff,inset 0 -1px #d5d5d5}.flavour.search-hide,.flavour.filter-hide,.flavour.empty-hide{display:none}.flavour-summary{justify-content:space-between;align-items:center;gap:1rem;padding:.7em 1em .7em 2.5em;display:flex}.flavour-summary .flavour-title{color:#0000;text-shadow:0 0;background-image:linear-gradient(178deg,#a51010,#ff9b00);-webkit-background-clip:text;background-clip:text;flex:1}.flavour-summary .flavour-count{aspect-ratio:1;color:#0000;text-shadow:0 0;text-box:trim-both cap alphabetic;background-image:linear-gradient(#10a51f,#00ff2a);-webkit-background-clip:text;background-clip:text;border:2px dashed #ff9b00;border-radius:50%;place-content:center;min-width:1.5em;min-height:1.5em;padding:.3em;font-size:1.1rem;display:grid}.flavour-summary:focus-visible{outline-color:var(--outline-color);outline-offset:1px}.flavour-summary .flavour-type-icons{--icon-size:1.1rem;gap:.2rem;display:flex}.flavour-summary .flavour-type-icons .icon{width:var(--icon-size);height:var(--icon-size);object-fit:contain;background-position:50%;background-repeat:no-repeat;background-size:contain}.flavour-summary .flavour-type-icons .icon.caffeine{background-image:url(../img/coffee-icon.png)}.flavour-summary .flavour-type-icons .icon.taurine{background-image:url(../img/taurine-icon.png)}.flavour-summary .flavour-type-icons .icon.vitamin{background-image:url(../img/vitamin-icon.png)}.flavour-summary .flavour-type-icons .icon.alcohol{background-image:url(../img/alcohol-icon.png)}.flavour-summary .flavour-type-icons .icon.soda{background-image:url(../img/soda-icon.png)}.flavour:hover,.flavour:focus-visible{background-color:#f6f6f6}.image-container{background:linear-gradient(301deg,#ddd,#f2f2ff);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1rem;margin:.5rem;display:grid}.potion{object-fit:cover;aspect-ratio:15/11;width:100%;height:100%;transition:outline .3s}.potion:focus-visible,.potion.focus{border:2px solid var(--outline-color);outline-color:var(--outline-color);outline-offset:-2px}.f-carousel__slide:focus-visible{outline-offset:-2px;outline-color:var(--outline-color)}.f-carousel__dots{background:linear-gradient(90deg,#d9d9d9,#cbcbcb)}.f-carousel__nav button:is(.is-next,.is-prev){background-color:#ffffffb3;border-radius:50%}footer{text-align:center;padding:1em}@media (width<=768px){body{--contentShift:.5rem}.navigation .filter-container .filter-panel{gap:.4rem 1rem}.navigation .filter-container .filter-panel label{flex:1 0 auto}.recently__title{font-size:1.1rem}.category-panel{padding-left:.5em}.category-title{font-size:1.2rem}}