.sugar-variant-picker-option{--vo-name-size: var(--vo-name-m);--vo-selected-size: var(--vo-selected-m);--vo-cols: var(--vo-cols-m);--vo-text: var(--vo-text-m);--vo-heading: var(--vo-heading-m);--vo-line: var(--vo-line-m);--vo-swatch: var(--vo-size);width:100%}@media screen and (min-width:750px){.sugar-variant-picker-option{--vo-name-size: var(--vo-name-d);--vo-selected-size: var(--vo-selected-d);--vo-cols: var(--vo-cols-d);--vo-text: var(--vo-text-d);--vo-heading: var(--vo-heading-d);--vo-line: var(--vo-line-d);--vo-swatch: var(--vo-size)}}.sugar-variant-picker-option .sugar-variant-picker-option__header{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;margin-bottom:var(--vo-name-gap, 10px);user-select:none;-webkit-user-select:none}.sugar-variant-picker-option .sugar-variant-picker-option__note{font-size:var(--vo-note-size, 13px);opacity:.8;margin:0 0 14px}.sugar-variant-picker-option .sugar-variant-picker-option__note p{margin:0}.sugar-variant-picker-option .sugar-variant-picker-option__note a{color:inherit;text-decoration:underline}.sugar-variant-picker-option .sugar-variant-picker-option__name{font-family:var(--vo-name-family);font-style:var(--vo-name-style);letter-spacing:var(--vo-name-ls);font-size:var(--vo-name-size);color:var(--vo-name-color, currentColor)}.sugar-variant-picker-option .sugar-variant-picker-option__selected{font-size:var(--vo-selected-size);font-weight:var(--font-body-weight, 400)}.sugar-variant-picker-option .sugar-variant-picker-option__group+.sugar-variant-picker-option__group{margin-top:max(12px,var(--vo-gap, 10px))}.sugar-variant-picker-option .sugar-variant-picker-option__group-name{margin-bottom:var(--vo-name-gap, 10px);font-family:var(--vo-name-family);font-style:var(--vo-name-style);letter-spacing:var(--vo-name-ls);font-size:var(--vo-name-size);color:var(--vo-name-color, currentColor)}.sugar-variant-picker-option[data-vo-style] fieldset.sugar-variant-picker-option__values.sugar-variant-picker-option__values--grouped{display:block}.sugar-variant-picker-option .sugar-variant-picker-option__group-name--bold{font-weight:var(--font-body-weight-bold, 700)}.sugar-variant-picker-option .sugar-variant-picker-option__group-name--with-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px}.sugar-variant-picker-option .sugar-variant-picker-option__values{border:0;padding:0;margin:0;min-width:0}.sugar-variant-picker-option .sugar-variant-picker-option__value{position:relative}.sugar-variant-picker-option .sugar-variant-picker-option__label{cursor:pointer;user-select:none;-webkit-user-select:none}.sugar-variant-picker-option .sugar-variant-picker-option__value.is-active .sugar-variant-picker-option__label{cursor:default}.sugar-variant-picker-option .sugar-variant-picker-option__input:disabled+.sugar-variant-picker-option__label{cursor:not-allowed}.sugar-variant-picker-option .sugar-variant-picker-option__input:focus-visible+.sugar-variant-picker-option__label{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;border-radius:var(--vo-radius)}.sugar-variant-picker-option .sugar-variant-picker-option__check-host:before,.sugar-variant-picker-option .sugar-variant-picker-option__check-host:after{content:"";position:absolute;display:none;width:var(--vp-check-size, 18px);height:var(--vp-check-size, 18px);z-index:2;pointer-events:none;top:-4px;right:4px}.sugar-variant-picker-option .sugar-variant-picker-option__value.is-active.sugar-variant-picker-option__check-host:before,.sugar-variant-picker-option .sugar-variant-picker-option__value.is-active.sugar-variant-picker-option__check-host:after,.sugar-variant-picker-option .sugar-variant-picker-option__value.is-active .sugar-variant-picker-option__check-host:before,.sugar-variant-picker-option .sugar-variant-picker-option__value.is-active .sugar-variant-picker-option__check-host:after{display:var(--vp-check, none)}.sugar-variant-picker-option .sugar-variant-picker-option__check-host:before{border-radius:50%;background:var(--vp-check-color, #0e8e54);box-shadow:inset 0 0 0 var(--vp-check-bw, 0px) var(--vp-check-bc, #ffffff)}.sugar-variant-picker-option .sugar-variant-picker-option__check-host:after{background:var(--vp-check-mark, #ffffff);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 16.4 5.6 12 7 10.6l3 3 6.6-6.6L18 8.4z'/%3E%3C/svg%3E") center / 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 16.4 5.6 12 7 10.6l3 3 6.6-6.6L18 8.4z'/%3E%3C/svg%3E") center / 100% no-repeat}.sugar-variant-picker-option .sugar-variant-picker-option__value.is-active .sugar-variant-picker-option__label,.sugar-variant-picker-option .sugar-variant-picker-option__value.is-active .sugar-variant-picker-option__frame,.sugar-variant-picker-option .sugar-variant-picker-option__value.is-active .sugar-variant-picker-option__swatch-fill{transition-duration:0s}.sugar-variant-picker-option .sugar-variant-picker-option__value{--vv-top: -6px;--vv-left: 50%;--vv-right: auto;--vv-x: -50%;--vv-size: 9px}.sugar-variant-picker-option[data-vo-style=pill] .sugar-variant-picker-option__values{display:flex;flex-wrap:wrap;gap:8px}.sugar-variant-picker-option[data-vo-style=pill] .sugar-variant-picker-option__value{flex:0 0 auto}.sugar-variant-picker-option[data-vo-style=pill][data-vo-layout=fill] .sugar-variant-picker-option__value{min-width:calc((100% - (var(--vo-cols) - 1) * 8px) / var(--vo-cols))}.sugar-variant-picker-option[data-vo-style=pill][data-vo-layout=fixed] .sugar-variant-picker-option__value{min-width:var(--vo-fixed-w)}.sugar-variant-picker-option[data-vo-style=pill] .sugar-variant-picker-option__label{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:var(--vo-pill-py, 10px) 16px;border:1px solid var(--vo-border);border-radius:var(--vo-radius);background:var(--vo-bg);color:var(--vo-fg);font-size:var(--vo-text);font-weight:var(--vo-weight);--sw-bold: max(var(--vo-weight), var(--font-body-weight-bold, 700));text-align:center;transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.sugar-variant-picker-option[data-vo-style=pill][data-vo-border=none] .sugar-variant-picker-option__label,.sugar-variant-picker-option[data-vo-style=pill][data-vo-border=active] .sugar-variant-picker-option__label{border-width:0}.sugar-variant-picker-option[data-vo-style=pill] .sugar-variant-picker-option__value:not(.is-active) .sugar-variant-picker-option__label:hover{opacity:.8}.sugar-variant-picker-option[data-vo-style=pill][data-vo-hover~=bg] .sugar-variant-picker-option__value:not(.is-active) .sugar-variant-picker-option__label:hover{background:var(--vo-hover-bg);opacity:1}.sugar-variant-picker-option[data-vo-style=pill][data-vo-hover~=text] .sugar-variant-picker-option__value:not(.is-active) .sugar-variant-picker-option__label:hover{color:var(--vo-hover-fg);opacity:1}.sugar-variant-picker-option[data-vo-style=pill][data-vo-hover~=border] .sugar-variant-picker-option__value:not(.is-active) .sugar-variant-picker-option__label:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-active-border) 40%,transparent);opacity:1}.sugar-variant-picker-option[data-vo-style=pill] .sugar-variant-picker-option__value.is-active .sugar-variant-picker-option__label{background:var(--vo-active-bg);color:var(--vo-active-fg);border-color:var(--vo-active-border);font-weight:var(--vo-active-weight);--sw-bold: max(var(--vo-active-weight), var(--font-body-weight-bold, 700))}.sugar-variant-picker-option[data-vo-style=pill][data-vo-border=active] .sugar-variant-picker-option__value.is-active .sugar-variant-picker-option__label{box-shadow:inset 0 0 0 1px var(--vo-active-border)}.sugar-variant-picker-option[data-vo-style=pill] .sugar-variant-picker-option__value.is-unavailable .sugar-variant-picker-option__label,.sugar-variant-picker-option[data-vo-style=pill] .sugar-variant-picker-option__value.is-missing .sugar-variant-picker-option__label{opacity:.5;border-style:dashed}.sugar-variant-picker-option[data-vo-style=pill] .sugar-variant-picker-option__value.is-unavailable .sugar-variant-picker-option__text,.sugar-variant-picker-option[data-vo-style=pill] .sugar-variant-picker-option__value.is-missing .sugar-variant-picker-option__text{text-decoration:line-through;text-decoration-thickness:1.5px}.sugar-variant-picker-option[data-vo-style=pill] .sugar-variant-picker-option__visual{display:block;flex-shrink:0;width:20px;height:20px;border-radius:var(--vo-visual-radius);box-shadow:inset 0 0 0 1px #0000001a;object-fit:cover}.sugar-variant-picker-option[data-vo-style=pill] .sugar-variant-picker-option__text{display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sugar-variant-picker-option[data-vo-badge=italic] .sugar-variant-picker-option__value{--vv-top: 0px;--vv-y: -50%;--vv-size: calc(var(--vo-text) * .75)}.sugar-variant-picker-option[data-vo-badge=italic] .sugar-variant-value__badge{height:auto;padding:1px 8px;font-style:italic;font-weight:var(--font-body-weight, 400);line-height:1.34;text-transform:none;letter-spacing:normal}.sugar-variant-picker-option[data-vo-style=dropdown] .sugar-variant-picker-option__dropdown{position:relative;display:flex;align-items:center;width:var(--vo-width);max-width:100%}.sugar-variant-picker-option[data-vo-style=dropdown][data-vo-layout=fit] .sugar-variant-picker-option__dropdown{display:inline-flex}.sugar-variant-picker-option[data-vo-style=dropdown] .sugar-variant-picker-option__select{width:100%;padding:12px 40px 12px 16px;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--vo-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:14px;line-height:1;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;box-shadow:var(--vo-shadow)}.sugar-variant-picker-option[data-vo-style=dropdown] .sugar-variant-picker-option__select:focus{outline:none;border-color:rgb(var(--color-foreground))}.sugar-variant-picker-option[data-vo-style=dropdown] .sugar-variant-picker-option__select option:disabled{color:rgba(var(--color-foreground),.4)}.sugar-variant-picker-option[data-vo-style=dropdown] .sugar-variant-picker-option__dropdown-icon{position:absolute;right:12px;display:flex;align-items:center;font-size:18px;color:rgb(var(--color-foreground));pointer-events:none}.sugar-variant-picker-option[data-vo-style=dropdown] .sugar-variant-picker-option__dropdown--visual .sugar-variant-picker-option__select{padding-left:calc(16px + var(--vo-visual-size) + 10px)}.sugar-variant-picker-option[data-vo-style=dropdown] .sugar-variant-picker-option__dropdown-visual{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--vo-visual-size);height:var(--vo-visual-size);pointer-events:none;z-index:1}.sugar-variant-picker-option[data-vo-style=dropdown] .sugar-variant-picker-option__dropdown-img,.sugar-variant-picker-option[data-vo-style=dropdown] .sugar-variant-picker-option__dropdown-swatch{display:block;width:var(--vo-visual-size);height:var(--vo-visual-size);border-radius:var(--vo-visual-radius);box-shadow:inset 0 0 0 1px #0000001a;object-fit:cover}.sugar-variant-picker-option[data-vo-style=swatch] .sugar-variant-picker-option__values{display:grid;gap:10px;grid-template-columns:repeat(var(--vo-cols),minmax(0,1fr))}.sugar-variant-picker-option[data-vo-style=swatch][data-vo-layout=fixed] .sugar-variant-picker-option__values{grid-template-columns:repeat(auto-fill,minmax(var(--vo-swatch),max-content));gap:var(--vo-gap)}.sugar-variant-picker-option[data-vo-style=swatch] .sugar-variant-picker-option__label{display:flex;flex-direction:column;align-items:center;gap:var(--vo-label-gap)}.sugar-variant-picker-option[data-vo-style=swatch] .sugar-variant-picker-option__swatch{position:relative;display:block;width:100%;aspect-ratio:1}.sugar-variant-picker-option[data-vo-style=swatch][data-vo-layout=fixed] .sugar-variant-picker-option__swatch{width:var(--vo-swatch);height:var(--vo-swatch)}@media screen and (max-width:749px){.sugar-variant-picker-option[data-vo-style=swatch][data-vo-layout=fixed]{container-type:inline-size;--vo-swatch: min(var(--vo-size), calc((100cqw - (var(--vo-fit-m, 1) - 1) * var(--vo-gap)) / var(--vo-fit-m, 1)))}}.sugar-variant-picker-option[data-vo-style=swatch] .sugar-variant-picker-option__swatch-fill{position:absolute;inset:calc(var(--vo-pad) + var(--vo-border-w));border-radius:var(--vo-radius);box-shadow:inset 0 0 0 1px #0000001a,0 0 0 var(--vo-pad) rgb(var(--color-background)),0 0 0 calc(var(--vo-pad) + var(--vo-border-w)) transparent;transition:box-shadow .2s ease}.sugar-variant-picker-option__swatch-fill--img{background:var(--vo-img-m) center / cover no-repeat}@media screen and (min-width:750px){.sugar-variant-picker-option__swatch-fill--img{background-image:var(--vo-img-d)}}.sugar-variant-picker-option[data-vo-style=swatch][data-vo-border=all] .sugar-variant-picker-option__swatch-fill{box-shadow:inset 0 0 0 1px #0000001a,0 0 0 var(--vo-pad) rgb(var(--color-background)),0 0 0 calc(var(--vo-pad) + var(--vo-border-w-off, var(--vo-border-w))) var(--vo-border-off, rgba(var(--color-foreground), .3))}.sugar-variant-picker-option[data-vo-style=swatch][data-vo-hover~=border] .sugar-variant-picker-option__value:not(.is-active) .sugar-variant-picker-option__label:hover .sugar-variant-picker-option__swatch-fill{box-shadow:inset 0 0 0 1px #0000001a,0 0 0 var(--vo-pad) rgb(var(--color-background)),0 0 0 calc(var(--vo-pad) + var(--vo-border-w)) color-mix(in srgb,var(--vo-border) 40%,transparent)}.sugar-variant-picker-option[data-vo-style=swatch] .sugar-variant-picker-option__value.is-active .sugar-variant-picker-option__swatch-fill{box-shadow:inset 0 0 0 1px #0000001a,0 0 0 var(--vo-pad) rgb(var(--color-background)),0 0 0 calc(var(--vo-pad) + var(--vo-border-w)) var(--vo-border)}.sugar-variant-picker-option[data-vo-style=swatch] .sugar-variant-picker-option__value.is-unavailable .sugar-variant-picker-option__label,.sugar-variant-picker-option[data-vo-style=swatch] .sugar-variant-picker-option__value.is-missing .sugar-variant-picker-option__label{opacity:.4}.sugar-variant-picker-option[data-vo-style=swatch] .sugar-variant-picker-option__value.is-unavailable .sugar-variant-picker-option__swatch-fill:after,.sugar-variant-picker-option[data-vo-style=swatch] .sugar-variant-picker-option__value.is-missing .sugar-variant-picker-option__swatch-fill:after{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:1px;background:rgba(var(--color-foreground),.5);transform:rotate(-45deg)}.sugar-variant-picker-option[data-vo-style=swatch] .sugar-variant-picker-option__text{font-size:var(--vo-label-size);line-height:1.1;text-align:center;overflow-wrap:anywhere}.sugar-variant-picker-option[data-vo-style=swatch] .sugar-variant-picker-option__check-host:before,.sugar-variant-picker-option[data-vo-style=swatch] .sugar-variant-picker-option__check-host:after{top:50%;left:50%;right:auto;width:var(--vp-check-size, 16px);height:var(--vp-check-size, 16px);transform:translate(-50%,-50%)}.sugar-variant-picker-option[data-vo-style=swatch] .sugar-variant-picker-option__value{--vv-top: -4px;--vv-left: auto;--vv-right: -4px;--vv-x: 0;--vv-size: 8px}.sugar-variant-picker-option[data-vo-style=image] .sugar-variant-picker-option__values{display:grid;gap:8px;grid-template-columns:repeat(var(--vo-cols),1fr)}.sugar-variant-picker-option[data-vo-style=image] .sugar-variant-picker-option__label{display:block}.sugar-variant-picker-option[data-vo-style=image] .sugar-variant-picker-option__frame{position:relative;display:block;aspect-ratio:1;padding:var(--vo-pad);border:var(--vo-border-w) solid transparent;border-radius:var(--vo-radius);overflow:hidden;transition:border-color .2s ease}.sugar-variant-picker-option[data-vo-style=image] .sugar-variant-picker-option__value.is-active .sugar-variant-picker-option__frame{border-color:var(--vo-border)}.sugar-variant-picker-option[data-vo-style=image][data-vo-hover~=border] .sugar-variant-picker-option__value:not(.is-active) .sugar-variant-picker-option__frame:hover{border-color:color-mix(in srgb,var(--vo-border) 40%,transparent)}.sugar-variant-picker-option[data-vo-style=image] .sugar-variant-picker-option__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--vo-radius) - var(--vo-pad) - var(--vo-border-w))}.sugar-variant-picker-option[data-vo-style=image] .sugar-variant-picker-option__img--empty{background:rgba(var(--color-foreground),.05)}.sugar-variant-picker-option[data-vo-style=image] .sugar-variant-picker-option__value.is-unavailable .sugar-variant-picker-option__label,.sugar-variant-picker-option[data-vo-style=image] .sugar-variant-picker-option__value.is-missing .sugar-variant-picker-option__label{opacity:.4}.sugar-variant-picker-option[data-vo-style=image] .sugar-variant-picker-option__value.is-unavailable .sugar-variant-picker-option__frame:after,.sugar-variant-picker-option[data-vo-style=image] .sugar-variant-picker-option__value.is-missing .sugar-variant-picker-option__frame:after{content:"";position:absolute;top:50%;left:-10%;right:-10%;height:1.5px;background:rgba(var(--color-foreground),.7);transform:rotate(-45deg);pointer-events:none}.sugar-variant-picker-option[data-vo-style=image] .sugar-variant-picker-option__check-host:before,.sugar-variant-picker-option[data-vo-style=image] .sugar-variant-picker-option__check-host:after{top:6px;right:6px;width:var(--vp-check-size, 20px);height:var(--vp-check-size, 20px)}.sugar-variant-picker-option[data-vo-style=image] .sugar-variant-picker-option__value{--vv-top: 4px;--vv-left: 4px;--vv-right: auto;--vv-x: 0;--vv-size: 10px}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__values{display:grid;gap:var(--vo-gap);grid-template-columns:repeat(var(--vo-cols),minmax(0,1fr))}.sugar-variant-picker-option[data-vo-style=card][data-vo-layout=fit] .sugar-variant-picker-option__values,.sugar-variant-picker-option[data-vo-style=card][data-vo-layout=fixed] .sugar-variant-picker-option__values{display:flex;flex-wrap:wrap}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__value{container-type:inline-size;min-width:0}.sugar-variant-picker-option[data-vo-style=card][data-vo-layout=fit] .sugar-variant-picker-option__value,.sugar-variant-picker-option[data-vo-style=card][data-vo-layout=fixed] .sugar-variant-picker-option__value{flex:0 0 auto;container-type:normal}.sugar-variant-picker-option[data-vo-style=card][data-vo-layout=fixed] .sugar-variant-picker-option__value{min-width:var(--vo-fixed-w)}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__label{display:block;height:100%;padding:calc(var(--vo-pad) - 2px) 12px var(--vo-pad) 12px;border:var(--vo-border-w) solid transparent;border-radius:var(--vo-radius);background:var(--vo-bg);color:var(--vo-fg);transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.sugar-variant-picker-option[data-vo-style=card][data-vo-border=none] .sugar-variant-picker-option__label,.sugar-variant-picker-option[data-vo-style=card][data-vo-border=active] .sugar-variant-picker-option__label{border-width:0}.sugar-variant-picker-option[data-vo-style=card][data-vo-border=all] .sugar-variant-picker-option__label{border-color:var(--vo-border-off, var(--vo-border))}.sugar-variant-picker-option[data-vo-style=card][data-vo-hover~=border] .sugar-variant-picker-option__value:not(.is-active) .sugar-variant-picker-option__label:hover{box-shadow:inset 0 0 0 var(--vo-border-w) color-mix(in srgb,var(--vo-border) 40%,transparent)}.sugar-variant-picker-option[data-vo-style=card][data-vo-hover~=bg] .sugar-variant-picker-option__value:not(.is-active) .sugar-variant-picker-option__label:hover{background:var(--vo-hover-bg)}.sugar-variant-picker-option[data-vo-style=card][data-vo-hover~=text] .sugar-variant-picker-option__value:not(.is-active) .sugar-variant-picker-option__label:hover{color:var(--vo-hover-fg)}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__value.is-active .sugar-variant-picker-option__label{background:var(--vo-active-bg);color:var(--vo-active-fg);border-width:var(--vo-active-border-w);border-color:var(--vo-border)}.sugar-variant-picker-option[data-vo-style=card][data-vo-border=none] .sugar-variant-picker-option__value.is-active .sugar-variant-picker-option__label{border-width:0;box-shadow:none}.sugar-variant-picker-option[data-vo-style=card][data-vo-border=active] .sugar-variant-picker-option__value.is-active .sugar-variant-picker-option__label{border-width:0;box-shadow:inset 0 0 0 var(--vo-active-border-w) var(--vo-border)}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__value.is-unavailable .sugar-variant-picker-option__label,.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__value.is-missing .sugar-variant-picker-option__label{opacity:.4;border-style:dashed}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__value.is-unavailable .sugar-variant-picker-option__heading,.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__value.is-missing .sugar-variant-picker-option__heading{text-decoration:line-through;text-decoration-thickness:1.5px}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__card{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}.sugar-variant-picker-option[data-vo-style=card][data-vo-visual-layout=above] .sugar-variant-picker-option__card{flex-direction:column}.sugar-variant-picker-option[data-vo-style=card][data-vo-visual-layout=tile] .sugar-variant-picker-option__card{flex-direction:column;gap:6px}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__card-visual{display:block;flex-shrink:0;width:var(--vo-visual-size);height:var(--vo-visual-size);border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a;object-fit:cover}.sugar-variant-picker-option[data-vo-style=card][data-vo-visual-layout=tile] .sugar-variant-picker-option__card-visual{width:100%;height:auto;aspect-ratio:2 / 1;border-radius:calc(var(--vo-radius) - 4px)}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__card-text{display:flex;flex-direction:column;align-items:center;min-width:0}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__heading{font-size:var(--vo-heading);line-height:1.1;overflow-wrap:anywhere}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__line{font-size:var(--vo-line);margin-top:var(--vo-line-gap);line-height:1.2;opacity:.7;overflow-wrap:anywhere}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__line--split{opacity:1}.sugar-variant-picker-option__line-2{display:inline-block;font-size:.86em;margin-top:.15em}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__line--split .sugar-variant-picker-option__line-2{opacity:.7}.sugar-variant-picker-option[data-vo-style=card][data-vo-layout=fit] .sugar-variant-picker-option__heading,.sugar-variant-picker-option[data-vo-style=card][data-vo-layout=fit] .sugar-variant-picker-option__line,.sugar-variant-picker-option[data-vo-style=card][data-vo-layout=fixed] .sugar-variant-picker-option__heading,.sugar-variant-picker-option[data-vo-style=card][data-vo-layout=fixed] .sugar-variant-picker-option__line{white-space:nowrap}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__value{--vv-top: -8px;--vv-size: 10px}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__value.has-badge .sugar-variant-picker-option__label{padding-top:max(calc(var(--vo-pad) - 2px),12px)}@container (max-width: 120px){.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__card{gap:8px}.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__check-host:before,.sugar-variant-picker-option[data-vo-style=card] .sugar-variant-picker-option__check-host:after{width:var(--vp-check-size, 14px);height:var(--vp-check-size, 14px);top:-3px;right:3px}}.sugar-variant-picker-option .sugar-variant-picker-option__jump-row{display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1),margin-top .3s cubic-bezier(.22,1,.36,1),opacity .2s}.sugar-variant-picker-option .sugar-variant-picker-option__jump-row[hidden]{display:none}.sugar-variant-picker-option .sugar-variant-picker-option__jump-row.is-open{grid-template-rows:1fr;margin-top:12px;opacity:1}.sugar-variant-picker-option .sugar-variant-picker-option__jump-clip{min-height:0;overflow:hidden}.sugar-variant-picker-option .sugar-variant-picker-option__jump{display:block;width:100%;margin:0;padding:9px 16px;border:1px solid color-mix(in srgb,var(--vo-jump, rgb(var(--color-foreground))) 30%,transparent);border-radius:999px;background:var(--vo-jump-bg, color-mix(in srgb, var(--vo-jump, rgb(var(--color-foreground))) 8%, transparent));color:var(--vo-jump, rgb(var(--color-foreground)));font:inherit;font-size:13px;font-weight:600;line-height:1.2;text-align:center;cursor:pointer}@media(prefers-reduced-motion:reduce){.sugar-variant-picker-option .sugar-variant-picker-option__jump-row{transition:none}}@media screen and (min-width:750px){.sugar-variant-picker-option .sugar-variant-picker-option__jump-row{display:none}}.sugar-variant-picker-option.sugar-variant-picker-option--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;border:2px dashed rgba(var(--color-foreground),.2);border-radius:8px;text-align:center}.sugar-variant-picker-option .sugar-variant-picker-option__empty-title{margin:0;font-size:14px;font-weight:600;color:rgba(var(--color-foreground),.6)}.sugar-variant-picker-option .sugar-variant-picker-option__empty-subtitle{margin:0;font-size:14px;font-style:italic;color:rgba(var(--color-foreground),.4)}
/*# sourceMappingURL=/cdn/shop/t/90/assets/block-variant-picker-option.css.map */