.jl-oc{--jl-sel: #245b7b;--jl-sel-pale: #edf4f9;--jl-sel-hover: #8ab2cf;--jl-sel-focus: #488ab5;--jl-line: #e0dce8;--jl-muted: #92879f;container-type:inline-size;margin:2.2rem 0 .4rem}.jl-oc[hidden]{display:none!important}[data-jl-option-cards-on] variant-selects{display:none!important}.jl-oc-section+.jl-oc-section{margin-top:20px;padding-top:18px;border-top:1px solid #ece8f1}.jl-oc--box{margin-top:2rem;padding-top:18px;border-top:1px solid #ece8f1}.jl-oc-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 11px}.jl-oc-heading h3{display:flex;align-items:center;gap:9px;margin:0;font-size:17px;line-height:1.2;font-weight:700;letter-spacing:-.2px}.jl-oc-step{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#6097bc;color:#102d42;font-size:12px;font-weight:650;letter-spacing:0}.jl-oc-label{font-size:13px;line-height:1.3;color:#655a77;text-align:right}.jl-oc-grid{display:grid;grid-template-columns:repeat(var(--jl-cols, 2),minmax(0,1fr));gap:8px;margin:0;padding:0;border:0;min-width:0}.jl-oc-grid legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.jl-oc-choice{position:relative;display:block;min-width:0;cursor:pointer;margin:0}.jl-oc-input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.jl-oc-card{display:flex;align-items:center;gap:9px;height:100%;min-height:54px;padding:10px 9px;border:1px solid var(--jl-line);border-radius:12px;background:#fff;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}.jl-oc-choice:hover .jl-oc-card{border-color:var(--jl-sel-hover);background:var(--jl-sel-pale)}.jl-oc-input:checked+.jl-oc-card{border-color:var(--jl-sel);background:var(--jl-sel-pale);box-shadow:inset 0 0 0 .25px var(--jl-sel)}.jl-oc-input:checked+.jl-oc-card:after{content:"\2713";position:absolute;right:7px;top:3px;font-size:12px;font-weight:700;color:var(--jl-sel)}.jl-oc-input:focus-visible+.jl-oc-card{outline:3px solid var(--jl-sel-focus);outline-offset:3px}.jl-oc-swatch{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid #0002;box-shadow:inset 0 0 0 2px #ffffff65}.jl-oc-swatch--lcd{border-radius:7px}.jl-oc-swatch--none{background:repeating-linear-gradient(45deg,#fff 0 4px,#dcdce2 4px 6px)}.jl-oc-text{display:flex;flex-direction:column;gap:2px;min-width:0}.jl-oc-name{font-size:13px;line-height:1.2;font-weight:600;letter-spacing:.2px;color:rgb(var(--color-foreground));overflow-wrap:anywhere}.jl-oc-desc{font-size:12px;line-height:1.3;color:var(--jl-muted)}.jl-oc-sold-out{display:block;color:#b42318}.jl-oc-sold-out[hidden]{display:none}.jl-oc-choice[data-unavailable] .jl-oc-swatch{filter:grayscale(1);opacity:.45}.jl-oc-choice[data-unavailable] .jl-oc-name{color:rgba(var(--color-foreground),.55)}.jl-oc-grid--upright .jl-oc-card{flex-direction:column;justify-content:center;text-align:center;gap:6px;padding:10px 3px;min-height:72px}.jl-oc-grid--upright .jl-oc-text{align-items:center}.jl-oc-grid--lead .jl-oc-choice:first-of-type{grid-column:1 / -1}.jl-oc-grid--lead .jl-oc-choice:first-of-type .jl-oc-card{flex-direction:row;justify-content:flex-start;text-align:left;gap:9px;padding:9px;min-height:48px}.jl-oc-grid--lead .jl-oc-choice:first-of-type .jl-oc-text{align-items:flex-start}@container (min-width: 440px){.jl-oc-grid--upright .jl-oc-card{flex-direction:row;justify-content:flex-start;text-align:left;gap:9px;padding:10px 9px;min-height:62px}.jl-oc-grid--upright .jl-oc-text{align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/jellylab-option-cards.css.map */