.variant-picker{border:1px solid #dddddd;border-radius:10px;padding:20px 20px 17px;background:#fff;max-width:670px}.variant-picker__option{border:0;padding:0;margin:0}.variant-picker__option-info{margin-bottom:12px}.variant-picker__option-info .h-stack{align-items:center;gap:6px}.variant-picker__option-info legend{color:#000;font-size:14px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:-.2px}.variant-picker__option-info span{color:#003cff;font-size:13px;font-weight:900;line-height:1}.variant-picker .scroll-area,.variant-picker .bleed,.variant-picker .sm\:unbleed{overflow:visible!important}.variant-picker__option-values{display:flex!important;align-items:flex-start;gap:18px!important;flex-wrap:wrap;overflow:visible!important}.custom-color-swatch{width:84px!important;height:auto!important;min-width:84px!important;min-height:auto!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:inline-flex!important;flex-direction:column;align-items:center;gap:7px;position:relative;cursor:pointer}.custom-color-swatch:before,.custom-color-swatch:after{display:none!important}.custom-color-swatch__circle{width:82px;height:82px;border-radius:50%;background:#f2f2f2;border:3px solid #e1e1e1;box-shadow:inset 0 0 0 1px #ffffff59,0 1px 2px #0000001f;display:flex;align-items:center;justify-content:center;color:#111;font-size:20px;font-weight:800;line-height:1;position:relative;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}.custom-color-swatch__circle:before{content:"";position:absolute;width:64px;height:64px;background:var(--swatch-background, #d1d1d1);border-radius:0;z-index:1}.custom-color-swatch__circle-text{color:inherit;text-align:center;position:relative;z-index:2}.custom-color-swatch__label{color:#000;font-size:10px;font-weight:900;line-height:1.1;text-align:center;max-width:92px;white-space:normal}.custom-color-swatch__best{display:none;position:absolute;top:-6px;left:50%;transform:translate(-50%);background:#001eff;color:#fff;font-size:9px;font-weight:900;line-height:1;padding:3px 8px 4px;border-radius:3px;text-transform:uppercase;z-index:3}.variant-picker input[type=radio]:checked+.custom-color-swatch .custom-color-swatch__circle{background:#f2f2f2!important;border-color:#002bff!important;box-shadow:inset 0 0 0 1px #ffffff59,0 1px 2px #0000001f!important}.variant-picker input[type=radio]:checked+.custom-color-swatch .custom-color-swatch__best{display:block}.custom-color-swatch[data-color-name*=blue] .custom-color-swatch__circle,.custom-color-swatch[data-color-name*=red] .custom-color-swatch__circle,.custom-color-swatch[data-color-name*=black] .custom-color-swatch__circle,.custom-color-swatch[data-color-name*=midnight] .custom-color-swatch__circle,.custom-color-swatch[data-color-name*=crimson] .custom-color-swatch__circle,.custom-color-swatch[data-color-name*=aqua] .custom-color-swatch__circle,.custom-color-swatch[data-color-name*=purple] .custom-color-swatch__circle{color:#fff}.custom-color-swatch[data-color-name*=silver] .custom-color-swatch__circle,.custom-color-swatch[data-color-name*=gray] .custom-color-swatch__circle,.custom-color-swatch[data-color-name*=grey] .custom-color-swatch__circle,.custom-color-swatch[data-color-name*=white] .custom-color-swatch__circle{color:#111}.custom-color-swatch[data-color-name*=aqua] .custom-color-swatch__circle:before{background:#19cfe8}.custom-color-swatch[data-color-name*=purple] .custom-color-swatch__circle:before{background:#77007f}.custom-color-swatch[data-color-name*=blue] .custom-color-swatch__circle:before,.custom-color-swatch[data-color-name*=midnight] .custom-color-swatch__circle:before{background:#001eff}.custom-color-swatch[data-color-name*=silver] .custom-color-swatch__circle:before,.custom-color-swatch[data-color-name*=gray] .custom-color-swatch__circle:before,.custom-color-swatch[data-color-name*=grey] .custom-color-swatch__circle:before{background:#cfcfcf}.custom-color-swatch[data-color-name*=red] .custom-color-swatch__circle:before,.custom-color-swatch[data-color-name*=crimson] .custom-color-swatch__circle:before{background:#cf0034}.custom-color-swatch[data-color-name*=black] .custom-color-swatch__circle:before{background:#111}.custom-color-swatch[data-color-name*=white] .custom-color-swatch__circle:before{background:#fff;border:1px solid #dddddd}.variant-picker input[type=radio]:checked+.custom-color-swatch[data-color-name*=aqua] .custom-color-swatch__circle:before{background:#19cfe8}.variant-picker input[type=radio]:checked+.custom-color-swatch[data-color-name*=purple] .custom-color-swatch__circle:before{background:#77007f}.variant-picker input[type=radio]:checked+.custom-color-swatch[data-color-name*=blue] .custom-color-swatch__circle:before,.variant-picker input[type=radio]:checked+.custom-color-swatch[data-color-name*=midnight] .custom-color-swatch__circle:before{background:#001eff}.variant-picker input[type=radio]:checked+.custom-color-swatch[data-color-name*=silver] .custom-color-swatch__circle:before,.variant-picker input[type=radio]:checked+.custom-color-swatch[data-color-name*=gray] .custom-color-swatch__circle:before,.variant-picker input[type=radio]:checked+.custom-color-swatch[data-color-name*=grey] .custom-color-swatch__circle:before{background:#cfcfcf}.variant-picker input[type=radio]:checked+.custom-color-swatch[data-color-name*=red] .custom-color-swatch__circle:before,.variant-picker input[type=radio]:checked+.custom-color-swatch[data-color-name*=crimson] .custom-color-swatch__circle:before{background:#cf0034}.variant-picker input[type=radio]:checked+.custom-color-swatch[data-color-name*=black] .custom-color-swatch__circle:before{background:#111}.variant-picker input[type=radio]:checked+.custom-color-swatch[data-color-name*=white] .custom-color-swatch__circle:before{background:#fff;border:1px solid #dddddd}.custom-color-swatch.is-disabled{opacity:.45;pointer-events:none}.custom-color-swatch.is-disabled .custom-color-swatch__circle:after{content:"";position:absolute;width:120%;height:2px;background:#00000073;transform:rotate(-35deg);z-index:4}@media screen and (max-width:699px){.variant-picker{padding:18px 16px 16px}.variant-picker__option-values{gap:16px!important}.custom-color-swatch{width:78px!important;min-width:78px!important}.custom-color-swatch__circle{width:76px;height:76px;font-size:18px}.custom-color-swatch__circle:before{width:58px;height:58px}.custom-color-swatch__label{font-size:10px}}.variant-picker .block-swatch{height:auto;padding-block:.55rem;padding-inline-start:.6rem;padding-inline-end:1.1rem;gap:.75rem}.variant-picker .block-swatch:not(:has(.block-swatch__color)){justify-content:center;text-align:center;padding-inline:1rem}.variant-picker .variant-picker__option-values.wrap:not(:has(.block-swatch__color)){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.variant-picker .variant-picker__option-values.wrap:not(:has(.block-swatch__color)) .block-swatch{width:100%;margin:0}.variant-picker .block-swatch__color{width:2.75rem;height:2.75rem;min-width:2.75rem;border-radius:999px;background:var(--swatch-background) center / cover}@media screen and (max-width:699px){.variant-picker .block-swatch__color{width:2.4rem;height:2.4rem;min-width:2.4rem}}.variant-picker__option:has(.variant-picker__option-values--circles) legend{display:block;text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:13px;line-height:1.3;color:#6b7280;margin-bottom:8px}.variant-picker__option:has(.variant-picker__option-values--circles) .variant-picker__option-info span{text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}.variant-picker__option-info span.variant-picker__soldout-flag{color:#d0021b;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.variant-picker .variant-picker__option-values--circles{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem .6rem;width:100%;margin:0;justify-content:stretch}@media screen and (min-width:700px){.variant-picker .variant-picker__option-values--circles{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.35rem 1rem}}.vcircle{display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent}.vcircle__ring{display:block;width:100%;max-width:100%;aspect-ratio:1 / 1;border-radius:999px;overflow:hidden;border:2px solid rgb(var(--border-color, 17 17 17) / .14);background:rgb(var(--background-secondary, 245 245 245));transition:border-color .15s ease,box-shadow .15s ease}.vcircle__img,.vcircle__color{width:100%;height:100%;object-fit:cover;display:block}.vcircle__label{font-size:.9rem;font-weight:500;line-height:1.25;letter-spacing:.01em;color:rgb(var(--text-color, 17 17 17));max-width:100%}@media screen and (min-width:700px){.vcircle__ring{max-width:150px}.vcircle__label{font-size:.95rem}}@media screen and (min-width:700px)and (max-width:1024px){.variant-picker .variant-picker__option-values--circles{grid-template-columns:repeat(5,minmax(0,1fr))!important}.vcircle__ring{max-width:120px}}.variant-picker__option-values--circles input:checked+.vcircle .vcircle__ring{border-color:rgb(var(--text-color, 17 17 17));box-shadow:0 0 0 2px rgb(var(--background, 255 255 255)),0 0 0 4px rgb(var(--text-color, 17 17 17))}.variant-picker__option-values--circles input:checked+.vcircle .vcircle__label{font-weight:600}@media(hover:hover){.vcircle:hover .vcircle__ring{border-color:rgb(var(--text-color, 17 17 17) / .5)}}.variant-picker__option-values--circles input:disabled+.vcircle,.variant-picker__option-values--packs input:disabled+.opack,input:disabled+.opack{display:none}.variant-picker__option-values--circles input:disabled+.vcircle,.vcircle.is-disabled{opacity:.45;cursor:not-allowed}.variant-picker__option-values--circles input:disabled+.vcircle .vcircle__ring,.variant-picker__option-values--circles .vcircle.is-disabled .vcircle__ring{position:relative}.variant-picker__option-values--circles input:disabled+.vcircle .vcircle__ring:after,.variant-picker__option-values--circles .vcircle.is-disabled .vcircle__ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,transparent calc(50% - 1px),rgb(var(--text-color, 17 17 17) / .55) 50%,transparent calc(50% + 1px))}.variant-picker__option-values--circles input:disabled+.vcircle .vcircle__label:after,.variant-picker__option-values--circles .vcircle.is-disabled .vcircle__label:after{content:"Sold out";display:block;margin-top:2px;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#9ca3af}
/*# sourceMappingURL=/cdn/shop/t/21/assets/offset-variant-picker.css.map */