.lx-metal{display:inline-flex;align-items:center;gap:16px;font:400 10.5px/1 var(--font-body--family,"Helvetica Neue",Arial,sans-serif);letter-spacing:.22em;text-transform:uppercase;color:#0a0a0a}.lx-metal__label{color:#7a7369}.lx-metal__switch{position:relative;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(10,10,10,.16);border-radius:999px;padding:3px;background:#ffffff8c}.lx-metal__thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:#0a0a0a;transition:transform .55s cubic-bezier(.22,1,.36,1);pointer-events:none}html[data-lx-metal=guld] .lx-metal__thumb{transform:translate(100%)}.lx-metal__opt{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:104px;min-height:36px;padding:0 18px;border:0;border-radius:999px;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color .45s ease}.lx-metal__opt:focus-visible{outline:1px solid currentColor;outline-offset:3px}html:not([data-lx-metal=guld]) .lx-metal__opt[data-lx-metal-set=silver],html[data-lx-metal=guld] .lx-metal__opt[data-lx-metal-set=guld]{color:#fff}.lx-metal__dot{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 .5px #0000002e}.lx-metal__dot--sv{background:radial-gradient(circle at 32% 30%,#fff 0,#e3e4e6 38%,#a7aaaf)}.lx-metal__dot--gd{background:radial-gradient(circle at 32% 30%,#fff6dc 0,#e8c97a 40%,#b8893a)}.lx-metal--light{color:#fff}.lx-metal--light .lx-metal__label{color:#ffffffb3}.lx-metal--light .lx-metal__switch{border-color:#fff6;background:#ffffff14}.lx-metal--light .lx-metal__thumb{background:#fff}html:not([data-lx-metal=guld]) .lx-metal--light .lx-metal__opt[data-lx-metal-set=silver],html[data-lx-metal=guld] .lx-metal--light .lx-metal__opt[data-lx-metal-set=guld]{color:#0a0a0a}[data-lx-card] img{transition:opacity .45s ease}[data-lx-card] img.lx-metal-fading{opacity:.35}.lx-metal-bar{display:flex;justify-content:var(--lx-metal-align,flex-start);padding:var(--lx-metal-pt,8px) var(--page-margin,16px) var(--lx-metal-pb,8px)}.lx-metal-bar__inner{width:100%;max-width:var(--page-width,1400px);margin:0 auto;display:flex;justify-content:var(--lx-metal-align,flex-start)}@media(max-width:749px){.lx-metal{gap:12px;font-size:10px;letter-spacing:.18em}.lx-metal__opt{min-width:88px;min-height:34px;padding:0 14px}}@media(prefers-reduced-motion:reduce){.lx-metal__thumb,[data-lx-card] img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/lucino-metal.css.map */