.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 legend:before{content:"STEP 1 \2013  SELECT "}.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}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/offset-variant-picker.css.map */