variant-selects{display:block}variant-selects input:is([type=checkbox],[type=radio]):is(:disabled,.disabled)+label{cursor:pointer}.product-form__input input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.product-form__input input[type=radio]:not(.disabled):not(.visually-disabled)+label>.label-unavailable{display:none}.product-form__input--dropdown{--swatch-input--size: 2rem;margin-bottom:1.6rem}.product-form__input--dropdown .dropdown-swatch{position:absolute;inset-inline-start:1.6rem;top:calc(50% - var(--swatch-input--size) / 2);width:var(--swatch-input--size);height:var(--swatch-input--size);z-index:1}.product-form__input--dropdown .dropdown-swatch+select{padding-inline-start:calc(2.4rem + var(--swatch-input--size))}.product-form__input--button{--variant-pills-border-width: 1px}.product-form__input--button input[type=radio]+label{display:flex;align-items:center;justify-content:center;text-align:center;position:relative;cursor:pointer;margin:0;padding:0 2.4rem;min-height:var(--buttons-height);min-width:var(--buttons-height);transition:all var(--duration-default) ease;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:var(--variant-pills-border-width) solid rgb(var(--color-foreground));border-radius:var(--variant-pills-radius, var(--buttons-radius))}.product-form__input--button input[type=radio]+label:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.product-form__input--button input[type=radio]:checked+label{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.product-form__input--button input[type=radio]:checked+label::selection{background-color:rgba(var(--color-background),.3)}.product-form__input--button input[type=radio]:disabled+label,.product-form__input--button input[type=radio].disabled+label{border-color:var(--color-foreground-lighten-19);color:var(--color-foreground-lighten-19)}.product-form__input--button input[type=radio]:disabled+label:before,.product-form__input--button input[type=radio].disabled+label:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(to bottom left,transparent calc(50% - var(--variant-pills-border-width)),var(--color-foreground-lighten-19) 50%,transparent calc(50% + var(--variant-pills-border-width))) no-repeat;border-radius:inherit;z-index:1}.product-form__input--button input[type=radio]:disabled+label:hover,.product-form__input--button input[type=radio].disabled+label:hover{color:rgb(var(--color-background))}.product-form__input--button input[type=radio]:disabled:checked+label,.product-form__input--button input[type=radio].disabled:checked+label{color:rgba(var(--color-background),.5)}.product-form__input--button input[type=radio]:disabled:checked+label:before,.product-form__input--button input[type=radio].disabled:checked+label:before{background:linear-gradient(to bottom left,transparent calc(50% - var(--variant-pills-border-width)),rgba(var(--color-background),.5) 50%,transparent calc(50% + var(--variant-pills-border-width))) no-repeat}.product-form__input--button input[type=radio]:focus-visible+label,.product-form__input--button input[type=radio].focused+label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.product-form__input--button-square{--swatch-radius: 0}.product-form__input--button-square input[type=radio]+label,.product-form__input--button-square input[type=radio]+label>.swatch-color{border-radius:0}.product-form__input--button-square input[type=radio]+label:not([data-swatch-type=variant_image],[data-swatch-type=color_swatch],[data-swatch-type=shopify_swatch],[data-swatch-type=text]){padding:0 .8rem}.product-form__input--button-circle{--swatch-radius: 9999px}.product-form__input--button-circle input[type=radio]+label:not([data-swatch-type=variant_image],[data-swatch-type=color_swatch],[data-swatch-type=shopify_swatch]){border-radius:calc(var(--buttons-height) / 2)}.product-form__input--button-circle input[type=radio]+label:not([data-swatch-type=variant_image],[data-swatch-type=color_swatch],[data-swatch-type=shopify_swatch],[data-swatch-type=text]){padding:0 .8rem}.product-form__input--button-standard{--swatch-radius: var(--small-blocks-radius);--variant-pills-radius: var(--small-blocks-radius)}.product-form__input--color .swatch-color,.product-form__input--swatch .swatch-color{background:var(--swatch-background);background-position:var(--swatch-focal-point, 50%);background-size:cover;min-width:calc(var(--swatch-size) - .2rem);min-height:calc(var(--swatch-size) - .2rem);margin:.1rem;border-radius:var(--swatch-radius);position:relative}.product-form__input--color .swatch-color:before,.product-form__input--color .swatch-color:after,.product-form__input--swatch .swatch-color:before,.product-form__input--swatch .swatch-color:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:all var(--duration-default)}.product-form__input--color .swatch-color:before,.product-form__input--swatch .swatch-color:before{opacity:0;box-shadow:0 0 0 .5rem rgb(var(--color-background)),0 0 0 .6rem var(--active-shadow-color)}.product-form__input--color .swatch-color:after,.product-form__input--swatch .swatch-color:after{box-shadow:0 0 0 .1rem rgb(var(--color-border))}.product-form__input--color input[type=radio]:checked+label .swatch-color,.product-form__input--swatch input[type=radio]:checked+label .swatch-color{--active-shadow-color: rgb(var(--color-foreground))}.product-form__input--color input[type=radio]:checked+label .swatch-color:before,.product-form__input--swatch input[type=radio]:checked+label .swatch-color:before{opacity:1}.product-form__input--color input[type=radio]:is(.disabled)+label,.product-form__input--swatch input[type=radio]:is(.disabled)+label{opacity:1}.product-form__input--color input[type=radio]:is(.disabled)+label .swatch-color,.product-form__input--swatch input[type=radio]:is(.disabled)+label .swatch-color{opacity:.5}.product-form__input--color input[type=radio]:is(.disabled)+label .swatch-color:before,.product-form__input--swatch input[type=radio]:is(.disabled)+label .swatch-color:before{background:linear-gradient(to bottom left,transparent calc(50% - .5px),var(--color-foreground-lighten-19) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));opacity:1;box-shadow:none}.product-form__input--color input[type=radio]:is(.disabled):checked+label .swatch-color:before,.product-form__input--swatch input[type=radio]:is(.disabled):checked+label .swatch-color:before{top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;box-shadow:0 0 0 .1rem var(--color-foreground-lighten-19)}.product-form__input--swatch{display:flex;flex-wrap:wrap}@media screen and (forced-colors:active){.product-form__input--button input[type=radio]:checked+label{text-decoration:underline}.product-form__input--button input[type=radio]:focus-visible+label{outline:transparent solid 1px;outline-offset:2px}}variant-selects{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),16rem));justify-content:start;column-gap:2rem;row-gap:1.6rem;align-items:start}variant-selects>.product-form__input{min-width:0;margin:0}variant-selects>.product-form__input .form__label{width:100%}@media screen and (max-width:749px){variant-selects{grid-template-columns:repeat(auto-fill,minmax(min(8rem,100%),8rem));column-gap:.8rem;row-gap:1.2rem}variant-selects>.product-form__input{gap:.6rem}variant-selects>.product-form__input .form__label{margin-bottom:.2rem;font-size:1.3rem;line-height:1.3}variant-selects>.product-form__input .form__label>div{gap:.2rem .4rem}variant-selects>.product-form__input--button input[type=radio]+label{min-width:0;min-height:4.4rem;max-width:100%;padding:.6rem 1rem;line-height:1.2;white-space:normal;overflow-wrap:anywhere}}variant-selects{padding:1.4rem;background:var(--bnb-blue-050, #f4fbff);border:1px solid var(--bnb-blue-100, #e9f5fd);border-radius:var(--bnb-radius, 16px);box-shadow:var(--bnb-shadow-sm, 0 6px 18px rgba(31, 41, 55, .08))}variant-selects>.product-form__input .form__label{margin-bottom:.8rem;color:var(--bnb-ink, #2b2f36);font-size:1.5rem;line-height:1.3}variant-selects>.product-form__input .form__label .font-body-bold{color:var(--bnb-ink, #2b2f36);font-weight:600}variant-selects>.product-form__input .form__label [data-selected-swatch-value]{color:var(--bnb-muted, #6b727d);font-weight:400}variant-selects>.product-form__input--button input[type=radio]+label{min-height:4.8rem;padding:.6rem 1.8rem;color:var(--bnb-ink, #2b2f36);background:var(--bnb-white, #ffffff);border:1.5px solid var(--bnb-blue-100, #e9f5fd);border-radius:var(--bnb-radius-sm, 10px);box-shadow:none;transition:transform .2s var(--bnb-ease, ease),box-shadow .2s var(--bnb-ease, ease),color .2s var(--bnb-ease, ease),background .2s var(--bnb-ease, ease),border-color .2s var(--bnb-ease, ease)}variant-selects>.product-form__input--button input[type=radio]+label:hover{color:var(--bnb-primary-deep, #1c6ba8);background:var(--bnb-blue-100, #e9f5fd);border-color:var(--bnb-blue-400, #5dabea);box-shadow:var(--bnb-shadow-sm, 0 6px 18px rgba(31, 41, 55, .08));transform:translateY(-1px)}variant-selects>.product-form__input--button input[type=radio]:checked+label{color:var(--bnb-on-primary, #ffffff);background:var(--bnb-primary, #2e90d9);border-color:var(--bnb-primary, #2e90d9);box-shadow:0 8px 18px #2e90d93d;transform:none}variant-selects>.product-form__input--button input[type=radio]:checked+label:hover{color:var(--bnb-on-primary, #ffffff);background:var(--bnb-primary-deep, #1c6ba8);border-color:var(--bnb-primary-deep, #1c6ba8)}variant-selects>.product-form__input--button input[type=radio]:focus-visible+label,variant-selects>.product-form__input--button input[type=radio].focused+label{box-shadow:0 0 0 .3rem var(--bnb-white, #ffffff),0 0 0 .5rem var(--bnb-blue-400, #5dabea)}variant-selects>.product-form__input--button input[type=radio]:disabled+label,variant-selects>.product-form__input--button input[type=radio].disabled+label{opacity:.55;transform:none}@media screen and (max-width:749px){variant-selects{padding:1rem;border-radius:14px}variant-selects>.product-form__input .form__label{margin-bottom:.4rem;font-size:1.3rem}variant-selects>.product-form__input--button input[type=radio]+label{min-height:4.4rem;padding:.6rem 1rem;font-size:1.4rem}}variant-selects>:is(.product-form__input--dropdown,.product-form__input--swatch_dropdown){min-width:0}variant-selects>:is(.product-form__input--dropdown,.product-form__input--swatch_dropdown) .select{position:relative;width:100%}variant-selects>:is(.product-form__input--dropdown,.product-form__input--swatch_dropdown) :is(.form-control--select,.variant-option-static){width:100%;min-height:4.2rem;padding:.6rem 3.6rem .6rem 1.2rem;color:var(--bnb-on-primary, #ffffff);background:var(--bnb-primary, #2e90d9);border:1.5px solid var(--bnb-primary, #2e90d9);border-radius:var(--bnb-radius-sm, 10px);font:inherit;font-weight:600;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-shadow:0 6px 14px #2e90d933}variant-selects>:is(.product-form__input--dropdown,.product-form__input--swatch_dropdown) .form-control--select{color-scheme:light;cursor:pointer;transition:background-color .2s var(--bnb-ease, ease),border-color .2s var(--bnb-ease, ease),box-shadow .2s var(--bnb-ease, ease)}variant-selects>:is(.product-form__input--dropdown,.product-form__input--swatch_dropdown) .form-control--select option{color:var(--bnb-ink, #2b2f36);background-color:var(--bnb-white, #ffffff);font-weight:500}variant-selects>:is(.product-form__input--dropdown,.product-form__input--swatch_dropdown) .form-control--select option:checked{color:var(--bnb-primary-deep, #1c6ba8);background-color:var(--bnb-blue-100, #e9f5fd)}variant-selects>:is(.product-form__input--dropdown,.product-form__input--swatch_dropdown) .form-control--select:hover{background:var(--bnb-primary-deep, #1c6ba8);border-color:var(--bnb-primary-deep, #1c6ba8)}variant-selects>:is(.product-form__input--dropdown,.product-form__input--swatch_dropdown) .form-control--select:focus-visible{border-color:var(--bnb-primary-deep, #1c6ba8);outline:0;box-shadow:0 0 0 .3rem #2e90d93d}variant-selects>:is(.product-form__input--dropdown,.product-form__input--swatch_dropdown) .variant-option-static{display:flex;align-items:center;padding-inline-end:1.2rem}variant-selects>:is(.product-form__input--dropdown,.product-form__input--swatch_dropdown) .select>.icon{position:absolute;top:50%;inset-inline-end:1.2rem;width:1rem;height:1rem;color:var(--bnb-on-primary, #ffffff);pointer-events:none;transform:translateY(-50%)}@media screen and (max-width:749px){variant-selects>:is(.product-form__input--dropdown,.product-form__input--swatch_dropdown) :is(.form-control--select,.variant-option-static){min-height:4rem;padding-block:.5rem;padding-inline-start:.9rem;font-size:1.3rem}variant-selects>:is(.product-form__input--dropdown,.product-form__input--swatch_dropdown) .form-control--select{padding-inline-end:2.8rem}variant-selects>:is(.product-form__input--dropdown,.product-form__input--swatch_dropdown) .select>.icon{inset-inline-end:.9rem}}variant-selects{position:relative}variant-selects .product-form__input:has(.open-size-chart),variant-selects .product-form__input:has(.open-size-chart) .form__label{position:static}variant-selects .open-size-chart{position:absolute;top:1.4rem;inset-inline-end:1.4rem;z-index:2;white-space:nowrap}variant-selects:has(>.product-form__input+.product-form__input){grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr))}variant-selects:has(>.product-form__input+.product-form__input)>.product-form__input .form__label{min-height:3.8rem;align-items:flex-start}@media screen and (max-width:749px){variant-selects:has(>.product-form__input+.product-form__input){grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr))}variant-selects:has(>.product-form__input+.product-form__input)>.product-form__input .form__label{min-height:3.6rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-product-variant-picker.css.map */