.currency-toggle,.price-mode-toggle{background:color-mix(in srgb, var(--foreground), transparent 92%);border:1px solid color-mix(in srgb, var(--foreground), transparent 88%);border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex}.mode-btn{color:color-mix(in srgb, var(--foreground), transparent 50%);cursor:pointer;letter-spacing:.02em;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.25rem;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.currency-btn{color:color-mix(in srgb, var(--foreground), transparent 50%);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-radius:.375rem;flex-direction:column;align-items:center;gap:0;padding:.25rem .5rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.currency-top{align-items:center;gap:.25rem;display:flex}@media (max-width:480px){.currency-btn{padding:.2rem .375rem}.mode-btn{gap:.125rem;padding:.25rem .375rem;font-size:.6875rem}.currency-flag{font-size:.75rem}}.currency-btn:hover,.mode-btn:hover{color:var(--foreground);background:color-mix(in srgb, var(--foreground), transparent 92%)}.currency-btn.active,.mode-btn.active{color:var(--foreground);background:color-mix(in srgb, var(--oro), transparent 40%);font-weight:700;box-shadow:0 1px 4px #00000026}.currency-flag{font-size:.875rem;line-height:1}.currency-label{text-transform:uppercase}.currency-sub{opacity:.6;text-transform:uppercase;font-size:.55rem;font-weight:400;line-height:1}@media (max-width:480px){.currency-sub{font-size:.5rem}}