.preference-menu{--preference-ink:#315b45;--preference-border:#cbd9ce;--preference-surface:#fffefa;--preference-hover:#eaf1e8;flex:none;display:flex;position:relative}.preference-menu[data-open=true]{z-index:85}.preference-trigger{border:1px solid var(--preference-border);width:46px;height:46px;color:var(--preference-ink);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;transition:border-color .18s,transform .18s;display:grid}.preference-trigger-icon{place-items:center;width:100%;height:100%;display:grid}.preference-trigger .language-mascot{transform:scale(.85)}.preference-symbol{font-size:22px;font-weight:650;line-height:1;display:block}.preference-trigger:hover{border-color:#78977f}.preference-trigger:active{transform:scale(.94)}.preference-menu :focus-visible{outline-offset:3px;outline:2px solid #bd862e}.preference-dropdown{z-index:85;width:176px;max-width:calc(100vw - 24px);padding-top:9px;position:absolute;top:100%}.preference-options{border:1px solid var(--preference-border);background:var(--preference-surface);transform-origin:0 0;border-radius:15px;padding:5px;animation:.16s ease-out preference-reveal;box-shadow:0 12px 28px #102b2526}.preference-options .preference-option{width:100%;min-height:44px;color:var(--preference-ink);font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:7px 9px;font-size:13px;line-height:1.4;display:flex}.preference-option>span:nth-child(2){flex:1}.preference-option-icon{flex:none;place-items:center;width:30px;height:30px;display:grid}.preference-option-icon .language-mascot{transform:scale(.66)}.preference-option-icon .preference-symbol{font-size:19px}.preference-options .preference-option:is(:hover,:focus-visible):not(:disabled){background:var(--preference-hover)}.preference-option:disabled{opacity:.4;cursor:not-allowed}:root[data-theme=dark] .preference-menu{--preference-ink:#b9cdbf;--preference-border:#476150;--preference-surface:#293b30;--preference-hover:#395041}:root[data-theme] .preference-menu,:root[data-theme] .preference-trigger{box-shadow:none;background:0 0}.preference-menu-language:is(:hover,:focus-within) .preference-trigger .language-banner{animation:.85s ease-in-out infinite language-flag-wave}.preference-menu-language:is(:hover,:focus-within) .preference-trigger .language-animal{animation:1.3s ease-in-out infinite language-dog-hello}.preference-menu-currency:is(:hover,:focus-within) .preference-trigger .preference-symbol{animation:.65s ease-in-out preference-coin}.brand-socials a:is(:hover,:focus-visible)>svg,.theme-switch:is(:hover,:focus-visible)>svg{animation:.65s ease-in-out preference-hello}.currency-switch button:is(:hover,:focus-visible):not(:disabled)>span{animation:.65s ease-in-out preference-coin}:root[data-theme] button.theme-switch[data-mode]{box-shadow:none;background:0 0}:root[data-theme=dark] .brand-socials a:is(:hover,:focus-visible){background:0 0}@keyframes preference-reveal{0%{opacity:0;transform:translateY(-5px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes preference-coin{0%,to{transform:rotateY(0)translateY(0)}50%{transform:rotateY(180deg)translateY(-2px)}}@keyframes preference-hello{0%,to{transform:rotate(0)translateY(0)}30%{transform:rotate(-10deg)translateY(-2px)}65%{transform:rotate(8deg)translateY(-1px)}}@media (max-width:480px){.preference-trigger{width:40px;height:40px}.preference-trigger .language-mascot{transform:scale(.75)}}@media (prefers-reduced-motion:reduce){.preference-trigger{transition:none}.preference-menu *,.brand-socials a>svg,.theme-switch>svg,.currency-switch button>span{transition:none!important;animation:none!important}}