.oc-dot{--oc-size: 18px;position:relative;display:inline-block;width:var(--oc-size);height:var(--oc-size);border-radius:50%;background:var(--oc-bg, #1f1f1f);box-shadow:inset 0 0 0 1px #123c3a29,0 1px 2px #123c3a2e;flex:0 0 auto}.oc-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 32% 26%,#ffffff8c,#ffffff29 34%,#fff0 62%);pointer-events:none}.oc-dot--metal{background-image:linear-gradient(135deg,#ffffffbf,#ffffff14,#00000029 52%,#ffffff6b 74%,#0000001f)}.oc-dot--havana{background-color:#8a5220;background-image:radial-gradient(ellipse 40% 32% at 22% 24%,#e8ab52 0% 58%,#e8ab5200 62%),radial-gradient(ellipse 34% 40% at 78% 34%,#241205 0% 60%,#24120500 64%),radial-gradient(ellipse 30% 26% at 40% 72%,#3d1f08 0% 58%,#3d1f0800 62%),radial-gradient(ellipse 26% 30% at 84% 82%,#d99a45 0% 56%,#d99a4500 60%),radial-gradient(ellipse 22% 22% at 12% 74%,#52290c 0% 58%,#52290c00 62%)}.oc-dot--clear{background:linear-gradient(120deg,#d6e2e480 0% 38%,#ffffffeb 44% 54%,#cedcde8c 60% 100%);box-shadow:inset 0 0 0 1.5px #123c3a6b,inset 0 -3px 6px #123c3a1f,0 1px 2px #123c3a24}.oc-dot--mix{background-image:linear-gradient(135deg,var(--oc-bg) 0%,var(--oc-bg) 30%,color-mix(in srgb,var(--oc-bg) 50%,var(--oc-bg2)) 50%,var(--oc-bg2) 70%,var(--oc-bg2) 100%)}@supports not (background: color-mix(in srgb,red 50%,blue)){.oc-dot--mix{background-image:linear-gradient(135deg,var(--oc-bg) 0%,var(--oc-bg) 34%,var(--oc-bg2) 66%,var(--oc-bg2) 100%)}}.oc-dot--lens{width:calc(var(--oc-size) * 1.35);border-radius:48% 48% 50% 50%/42% 42% 58% 58%;background-color:#eef0ee;background-image:linear-gradient(180deg,color-mix(in srgb,var(--oc-bg) 92%,#000) 0%,var(--oc-bg) 45%,color-mix(in srgb,var(--oc-bg) 55%,#f4f4f0) 100%);box-shadow:inset 0 0 0 1px #123c3a47,inset 0 -2px 4px #ffffff40,0 1px 2px #123c3a29}.oc-dot--lens:after{border-radius:inherit;background:linear-gradient(118deg,#fff0 30%,#ffffff8c 40% 46%,#fff0 54%),radial-gradient(ellipse at 28% 22%,#fff6,#fff0 55%)}@supports not (background: color-mix(in srgb,red 50%,blue)){.oc-dot--lens{background-image:linear-gradient(180deg,var(--oc-bg) 0%,var(--oc-bg) 50%,rgba(244,244,240,.6) 100%)}}.oc-dot--lens.oc-dot--mirror{background-color:#9fb4c4;background-image:linear-gradient(160deg,#d8e6f0,#7f98ad 28%,#f6fbff 46% 52%,#6c869b 68%,#c4d5e2)}.oc-dot--lens.oc-dot--mirror:after{background:linear-gradient(118deg,#fff0 60%,#ffffffb3,#fff0 84%)}.oc-dot--lens.oc-dot--clear{background-color:transparent;background-image:linear-gradient(120deg,#d6e2e480 0% 38%,#ffffffeb 44% 54%,#cedcde8c 60% 100%)}.oc-dot--pale{box-shadow:inset 0 0 0 1px #123c3a57,0 1px 2px #123c3a29}.oc-card{display:flex;align-items:center;gap:.6rem;margin:.5rem 0 0}.oc-card .oc-dot{--oc-size: 14px}.oc-card__name{font-size:1.15rem;line-height:1;letter-spacing:.02em;color:#123c3ab3;text-transform:lowercase}.oc-card-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:1.4rem;row-gap:.35rem;margin:.5rem 0 0}.oc-card-row .oc-card{margin:0}.oc-card-row:empty{display:none}.oc-dot--facet{--oc-size: 16px}.facet-checkbox__text-label .oc-dot,.active-facets__button-inner .oc-dot{margin-right:.7rem;vertical-align:-.3rem}.active-facets__button-inner .oc-dot{margin-left:.3rem;margin-right:.5rem}.oc-chip{display:inline-flex;align-items:center;gap:.9rem;margin:1.4rem 0 0;padding:.65rem 1.3rem .65rem .85rem;border:1px solid rgba(18,60,58,.14);border-radius:999px;background:#fbf8f3}.oc-chip .oc-dot{--oc-size: 26px}.oc-chip-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.2rem 0 0}@media screen and (max-width:749px){.oc-chip-row{margin:1.6rem 0 2.8rem}}.oc-chip-row .oc-chip{margin:0}.oc-chip-row:empty{display:none}.oc-chip__text{display:flex;flex-direction:column;gap:.15rem;line-height:1.15}.oc-chip__label{font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:#123c3a8c}.oc-chip__value{font-size:1.45rem;font-weight:600;color:#123c3a}@media screen and (max-width:480px){.oc-chip{margin-top:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/optika-colour-swatch.css.map */