@keyframes heroDotFloat{0%,to{transform:translate(0);opacity:.55}50%{transform:translate(4px,-6px);opacity:1}}*{box-sizing:border-box}body{margin:0;background:#faf7f1;font-family:Work Sans,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}a:hover{color:var(--accent-dark)}input::placeholder,textarea::placeholder{color:#a9a390}input[type=range]{accent-color:var(--accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#20261f38;border-radius:20px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#20261f59;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:rgba(32,38,31,.22) transparent}.flip-container{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s}.flip-flipped{transform:rotateY(180deg)}.flip-inner{backface-visibility:hidden}.flip-back{transform:rotateY(180deg)}[data-theme=dark],[data-theme=dark] img,[data-theme=dark] .no-invert{filter:invert(1) hue-rotate(180deg)}[data-theme=dark] .flip-back{background:#fff!important;color:#16211f!important}[data-theme=dark] .flip-back .og-label{color:#0b4e4b!important}[data-theme=dark] .flip-back .noes-label{color:#a6432d!important}[data-theme=dark] .flip-back .flip-back-cta{background:#127e8a!important;color:#fff!important}[data-theme=dark] .flip-back .flip-back-watermark{opacity:.22!important}[data-font=easy],[data-font=easy] *{font-family:Atkinson Hyperlegible,sans-serif!important}[data-font=serif],[data-font=serif] *{font-family:Aptos,sans-serif!important}[data-font=rounded],[data-font=rounded] *{font-family:"Baloo 2",sans-serif!important}[data-font=mono],[data-font=mono] *{font-family:Space Mono,monospace!important}.clamp-3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (max-width: 1100px){.catalog-layout{grid-template-columns:1fr!important}.catalog-layout aside{position:static!important}.qg-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 860px){.hero-slide{flex-direction:column!important}.hero-slide>div{min-width:0!important}.about-grid,.product-detail-grid,.admin-chat-grid{grid-template-columns:1fr!important}}@media (max-width: 620px){.qg-grid{grid-template-columns:1fr!important}}