.product-form__input:has(.color-swatches-container){width:100%;max-width:none;min-inline-size:0}.product-form__input .color-swatches-container{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px;width:100%;padding:4px;box-sizing:border-box}@media screen and (min-width:990px){.product-form__input .color-swatches-container{grid-template-columns:repeat(10,minmax(0,1fr))}}.product-form__input .jolivela-color-option{position:relative;width:100%;min-width:0;align-self:start}.product-form__input .jolivela-color-option input[type=radio]+label.jolivela-image-swatch{display:flex;align-items:center;justify-content:center;width:100%!important;height:auto!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;aspect-ratio:1 / 1;flex:none;position:relative;padding:3px;margin:0;box-sizing:border-box;border:1px solid rgba(var(--color-foreground),.25);border-radius:50%!important;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;font-size:10px;line-height:1.1;text-align:center;overflow:hidden}.product-form__input .jolivela-image-swatch__image{display:block;position:absolute;top:3px;right:3px;bottom:3px;left:3px;width:calc(100% - 6px)!important;height:calc(100% - 6px)!important;min-width:0;max-width:none;max-height:none;margin:0;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;object-position:center}.product-form__input .jolivela-color-option input[type=radio]:checked+label.jolivela-image-swatch{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 2px rgb(var(--color-foreground))}.product-form__input .jolivela-color-option input[type=radio]:focus-visible+label.jolivela-image-swatch{outline:2px solid rgb(var(--color-foreground));outline-offset:5px}.product-form__input .jolivela-color-option input[type=radio].disabled+label.jolivela-image-swatch{opacity:.45}.product-form__input .jolivela-color-option input[type=radio]+label.jolivela-image-swatch:before,.product-form__input .jolivela-color-option input[type=radio]+label.jolivela-image-swatch:after{display:none}jolivela-size-picker{display:block;width:100%;margin-top:6px}.jolivela-size-select{position:relative;width:100%}.product-form__input .jolivela-size-select__control{display:block;appearance:none;-webkit-appearance:none;width:100%;min-height:52px;box-sizing:border-box;padding:14px 46px 14px 16px;border:1px solid rgba(var(--color-foreground),.24);border-radius:10px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:inherit;font-size:16px;font-weight:500;line-height:1.4;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.product-form__input .jolivela-size-select__control:hover{border-color:rgba(var(--color-foreground),.6)}.product-form__input .jolivela-size-select__control:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px;border-color:rgb(var(--color-foreground))}.jolivela-size-select__arrow{position:absolute;right:18px;top:50%;width:16px;height:16px;transform:translateY(-50%);pointer-events:none}.product-form__input:has(jolivela-size-picker)>legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.jolivela-size-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;font-size:16px}.jolivela-size-chart-link{display:inline-flex;align-items:center;gap:7px;padding:4px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font:inherit;cursor:pointer}.jolivela-size-chart-link:focus-visible,.jolivela-size-chart-modal__close:focus-visible{outline:2px solid currentColor;outline-offset:4px}.jolivela-size-chart-modal{width:min(860px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:88vh;max-height:88dvh;padding:0;border:0;border-radius:16px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 20px 80px #0003}.jolivela-size-chart-modal::backdrop{background:#00000080}.jolivela-size-chart-modal__header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:rgb(var(--color-background));border-bottom:1px solid rgba(var(--color-foreground),.12)}.jolivela-size-chart-modal__header h2{margin:0;font-size:20px}.jolivela-size-chart-modal__close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(var(--color-foreground),.05);color:inherit;cursor:pointer}.jolivela-size-chart-modal__body{padding:20px}.jolivela-size-chart-modal__body img{display:block;width:100%;height:auto}body:has(.jolivela-size-chart-modal[open]){overflow:hidden}.product-form__input .jolivela-size-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;min-height:24px;margin-bottom:10px}.product-form__input .jolivela-size-heading>.jolivela-size-title{margin:0;padding:0;line-height:1.5}.product-form__input .jolivela-size-heading button.jolivela-size-chart-link{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center;gap:7px;flex:0 0 auto;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:inherit;font:inherit;line-height:1.5;text-transform:none;letter-spacing:normal;white-space:nowrap}.product-form__input .jolivela-size-chart-link:before,.product-form__input .jolivela-size-chart-link:after{display:none!important}.product-form__input .jolivela-size-chart-link svg{display:block;width:22px;height:22px;flex:0 0 22px}.product-form__input>legend.jolivela-color-heading,.product-form__input .jolivela-size-heading>.jolivela-size-title{font-family:inherit;font-size:16px;font-style:normal;font-weight:600;line-height:1.5;letter-spacing:normal;text-transform:none}.product-form__input>legend.jolivela-color-heading strong{font-weight:inherit}.product-form__input jolivela-selected-color{display:inline;font-family:inherit;font-size:inherit;font-weight:400;line-height:inherit}jolivela-color-list{display:block;width:100%}jolivela-color-list[data-expanded=false] .jolivela-color-option:nth-child(n+13){display:none}.product-form__input button.jolivela-more-colors{-webkit-appearance:none!important;appearance:none!important;display:flex!important;align-items:center;justify-content:center;gap:12px;width:100%!important;height:auto!important;min-height:32px!important;min-width:0!important;padding:4px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:inherit;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none;cursor:pointer}.product-form__input button.jolivela-more-colors:before,.product-form__input button.jolivela-more-colors:after{content:none!important;display:none!important}.product-form__input .jolivela-more-colors:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media screen and (min-width:990px){jolivela-color-list[data-expanded=false] .jolivela-color-option:nth-child(-n+20){display:block}jolivela-color-list[data-expanded=false] .jolivela-color-option:nth-child(n+21){display:none}.product-form__input .jolivela-color-list--short button.jolivela-more-colors{display:none!important}}.product-form__input button.jolivela-more-colors{color:#595959!important;font-size:14px!important}.product-form__input jolivela-color-list[data-expanded=true] button.jolivela-more-colors,.product-form__input button.jolivela-more-colors[hidden]{display:none!important}.product-form__input button.jolivela-more-colors>span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.product-form__input .jolivela-size-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%}variant-radios .product-form__input .jolivela-size-boxes input[type=radio]+label{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:100%;min-width:0;height:36px;min-height:36px;margin:0;padding:6px 10px;border:1px solid #d4d6da;border-radius:999px;background:#fff;color:#17191f;box-shadow:none;font-size:15px;font-weight:400;line-height:1}variant-radios .product-form__input .jolivela-size-boxes input[type=radio]:checked+label{border:2px solid #17191f;border-radius:999px;background:#fff;color:#17191f;box-shadow:none;font-weight:400!important}variant-radios .product-form__input .jolivela-size-boxes input[type=radio]:focus-visible+label{outline:2px solid #18275a;outline-offset:3px}variant-radios .product-form__input .jolivela-size-boxes input[type=radio].disabled+label{opacity:.45;text-decoration:line-through}@media screen and (min-width:990px){.product-form__input .jolivela-size-boxes{grid-template-columns:repeat(9,minmax(0,1fr))}}variant-radios fieldset.product-form__input:has(jolivela-color-list){margin-bottom:8px}variant-radios fieldset.product-form__input:has(jolivela-color-list)+fieldset.product-form__input:has(jolivela-size-picker){margin-top:0}variant-radios jolivela-color-list .jolivela-more-colors{margin-bottom:0!important}variant-radios fieldset.product-form__input:has(jolivela-color-list)+fieldset.product-form__input jolivela-size-picker{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/21/assets/jolivela-image-swatches.css.map */