currency-converter{--cc-accent: #100e13;--cc-accent-text: #ffffff;--cc-radius: 12px;display:block}.cc__tab{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:9990;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 9px;border:0;border-radius:var(--cc-radius) 0 0 var(--cc-radius);background:var(--cc-accent);color:var(--cc-accent-text);cursor:pointer;box-shadow:-2px 0 12px #0000002e;transition:padding-right .18s ease,background .18s ease}.cc__tab:hover{padding-right:13px}.cc__tab:focus-visible{outline:2px solid var(--cc-accent-text);outline-offset:-4px}.cc__tab-icon{font-size:18px;font-weight:700;line-height:1}.cc__tab-code{font-size:11px;font-weight:600;letter-spacing:.04em}.cc__panel{position:fixed;top:50%;right:52px;transform:translateY(-50%);z-index:9991;width:264px;max-width:calc(100vw - 72px);padding:14px;border-radius:var(--cc-radius);background:rgb(var(--color-background, 255 255 255));color:rgb(var(--color-foreground, 18 14 19));box-shadow:0 8px 30px #00000038;animation:cc-fade .16s ease}@keyframes cc-fade{0%{opacity:0;transform:translateY(-50%) translate(8px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.cc__panel-heading{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.cc__option{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid rgba(var(--color-foreground, 18 14 19),.12);border-radius:9px;background:transparent;color:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.cc__option+.cc__option{margin-top:8px}.cc__option:hover{border-color:rgba(var(--color-foreground, 18 14 19),.4)}.cc__option.is-active{border-color:var(--cc-accent);background:rgba(var(--color-foreground, 18 14 19),.04)}.cc__option-flag{font-size:18px;line-height:1}.cc__option-label{flex:1}.cc__option-check{font-size:14px;font-weight:700;color:var(--cc-accent);opacity:0}.cc__option.is-active .cc__option-check{opacity:1}.cc__note{margin:12px 2px 0;font-size:11px;line-height:1.45;opacity:.7}@media screen and (max-width:749px){.cc__tab{top:auto;bottom:92px;transform:none;padding:9px 8px}.cc__panel{top:auto;bottom:92px;right:48px;transform:none;animation:none}@keyframes cc-fade{0%{opacity:0}to{opacity:1}}}@media(prefers-reduced-motion:reduce){.cc__tab,.cc__panel{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-currency-converter.css.map */