.cl-native-lens{--cl-line: #dedede;--cl-ink: #202020;--cl-muted: #777;display:grid;gap:3rem;color:var(--cl-ink)}.cl-native-lens[aria-busy=true]{opacity:.72;pointer-events:none}.cl-native-lens__group{min-width:0;margin:0;padding:0;border:0}.cl-native-lens__group[hidden]{display:none!important}.cl-native-lens__group legend{width:100%;margin:0 0 1rem;padding:0;font-family:var(--heading-font-family);font-size:clamp(1.35rem,2.8vw,1.65rem);font-weight:var(--heading-font-weight);line-height:1.08;letter-spacing:-.02em;text-transform:none}.cl-native-lens__group legend [data-cl-native-selected-color]{float:right;margin-block-start:.55rem;font-family:var(--text-font-family);font-size:.78rem;font-weight:400;letter-spacing:.08em;color:var(--cl-muted);text-transform:uppercase}.cl-native-lens__cards{display:grid;gap:.75rem}.cl-native-lens__card,.cl-native-lens__segments label,.cl-native-lens__swatch{position:relative;cursor:pointer}.cl-native-lens__card>input,.cl-native-lens__segments input,.cl-native-lens__swatch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cl-native-lens__card-surface{display:grid;gap:.45rem;min-height:7rem;padding:1.25rem 1.35rem;border:1px solid var(--cl-line);border-radius:1rem;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.cl-native-lens__card:hover .cl-native-lens__card-surface{border-color:#aaa}.cl-native-lens__card input:checked+.cl-native-lens__card-surface{border-color:var(--cl-ink);box-shadow:inset 0 0 0 1px var(--cl-ink)}.cl-native-lens__card input:focus-visible+.cl-native-lens__card-surface,.cl-native-lens__segments input:focus-visible+span,.cl-native-lens__swatch input:focus-visible+span{outline:2px solid currentColor;outline-offset:3px}.cl-native-lens__card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:1.08rem;line-height:1.3}.cl-native-lens__price{flex:0 0 auto;color:var(--cl-muted)}.cl-native-lens__description{color:var(--cl-muted);font-size:.9rem;line-height:1.5}.cl-native-lens__segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--cl-line);border-radius:1rem;overflow:hidden}.cl-native-lens__segments label+label{border-inline-start:1px solid var(--cl-line)}.cl-native-lens__segments span{display:grid;place-items:center;min-height:4rem;padding:.8rem .65rem;background:#fff;font-size:1rem;text-align:center;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.cl-native-lens__segments input:checked+span{box-shadow:inset 0 0 0 1px var(--cl-ink)}.cl-native-lens__dropzone{display:grid;place-items:center;gap:.6rem;min-height:10rem;padding:1.5rem;border:1px dashed #cfcfcf;background:#fff;text-align:center;cursor:pointer}.cl-native-lens__dropzone input{position:absolute;width:1px;height:1px;opacity:0}.cl-native-lens__upload-button{padding:.65rem 1.1rem;border:1px solid var(--cl-line);border-radius:.45rem;font-weight:600}.cl-native-lens__file-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-native-lens__upload-note{color:var(--cl-muted);font-size:.75rem;letter-spacing:.08em}.cl-native-lens__swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:1.15rem .75rem;align-items:start}.cl-native-lens__swatch{display:grid;justify-items:center;align-content:start;gap:.55rem;min-width:0;text-align:center}.cl-native-lens__swatch>span:not(.cl-native-lens__swatch-label){display:block;width:3.25rem;height:3.25rem;border:.35rem solid #fff;border-radius:50%;background:var(--cl-swatch);box-shadow:0 0 0 1px var(--cl-line)}.cl-native-lens__swatch input:checked+span:not(.cl-native-lens__swatch-label){box-shadow:0 0 0 2px var(--cl-ink)}.cl-native-lens__swatch-label{max-width:7rem;font-size:.72rem;line-height:1.25;color:var(--cl-muted);text-align:center;overflow-wrap:anywhere}.cl-native-lens__error{margin:0;padding:.85rem 1rem;border:1px solid #b42318;color:#b42318;font-size:.85rem}.cl-native-lens__error[hidden]{display:none}@media screen and (max-width:699px){.cl-native-lens{gap:2.5rem}.cl-native-lens__card-surface{min-height:6.5rem;padding:1rem}.cl-native-lens__card-heading{font-size:1rem}.cl-native-lens__description{font-size:.84rem}.cl-native-lens__segments span{min-height:3.65rem;font-size:.9rem}.cl-native-lens__swatches{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:1rem .5rem}.cl-native-lens__swatch>span:not(.cl-native-lens__swatch-label){width:2.9rem;height:2.9rem}.cl-native-lens__swatch-label{max-width:5.5rem;font-size:.68rem}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/native-lens-configurator.css.map */