.picker-options{--grid-desktop-horizontal-spacing: 1rem;--grid-desktop-vertical-spacing: 1rem;--grid-mobile-horizontal-spacing: 1rem;--grid-mobile-vertical-spacing: 1rem}.picker-options.picker-options--spacing-tight{--grid-desktop-horizontal-spacing: .3rem;--grid-desktop-vertical-spacing: .5rem;--grid-mobile-horizontal-spacing: .3rem;--grid-mobile-vertical-spacing: .5rem}.picker-options-grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 2),1fr);gap:var(--grid-mobile-vertical-spacing) var(--grid-mobile-horizontal-spacing)}.picker-option__item{border-radius:var(--variant-pills-radius);width:auto;position:relative}@media screen and (max-width: 989px){.picker-options-grid[data-scrollable]{grid-template-rows:repeat(var(--grid-rows, 1),auto);grid-auto-flow:column;overflow-x:auto;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-padding-left:1rem;padding:.4rem .4rem 1.6rem}.picker-options-grid[data-scrollable] .picker-option__item{scroll-snap-align:start;width:var(--option-width, 6rem)}}.picker-option{position:relative;display:block;border-radius:var(--variant-pills-radius);border:solid var(--variant-pills-border-width) rgba(var(--color-border),1);background-color:rgb(var(--color-white));padding:1rem 2rem;min-height:calc(var(--variant-pills-border-width) * 2);transition:box-shadow var(--duration-short) ease,border-color var(--duration-medium) ease,background-color var(--duration-medium) ease;cursor:pointer;text-align:center}.picker-option__item .picker-option{outline-offset:.2rem;outline-color:transparent;outline-style:solid}.picker-option:not([selected]):hover{outline:.1rem solid rgba(var(--color-interactive),.4)}.picker-option[selected]{outline:.2rem solid rgb(var(--color-interactive))}.picker-option[selected]:focus-visible{outline:.2rem solid rgb(var(--color-interactive));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .5rem rgba(var(--color-foreground),.25)}.picker-option[selected]:focus,.picker-option.focused{outline:0;box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5)}@media (forced-colors: active){.picker-option[selected]:focus,.picker-option.focused{outline:transparent solid .2rem}}.picker-option[selected]:focus:not(:focus-visible){outline:0;box-shadow:0 0 0 .2rem rgb(var(--color-foreground))}.picker-option[selected]:after{content:"\2713";position:absolute;left:0;top:0;width:1.6rem;height:1.3rem;border-top-left-radius:calc(var(--variant-pills-radius) - .2rem);border-bottom-right-radius:var(--variant-pills-radius);background-color:rgb(var(--color-interactive));color:rgb(var(--color-white));font-size:1rem;line-height:1.2rem;font-weight:700;text-align:center;transform:translate(-.3rem,-.3rem)}.picker-option__image-wrapper{width:100%;overflow:hidden;position:relative;aspect-ratio:var(--aspect-ratio, 1 / 1)}.picker-option__image,.picker-option__pattern{object-fit:cover;border-radius:calc(var(--variant-pills-radius) - .1rem);width:100%;height:100%;pointer-events:none}.picker-option--name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:.85rem;line-height:1.1rem;text-align:center;margin-top:.5rem;max-height:2.2rem}.picker-option--background{padding:0}.picker-options--colors .picker-option{border-radius:var(--border-radius-1)}.picker-option--color{aspect-ratio:1 / 1}.picker-options--colors .picker-option[selected]:after{top:50%;left:50%;background-color:transparent;text-align:center;font-size:1.4rem;transform:translate(-50%,-50%)}
/*# sourceMappingURL=/cdn/shop/t/89/assets/component-picker-options.css.map */