.options-picker{--options-picker-pill-size:var(--space-900);--options-picker-pill-size-mobile:var(--space-1000);--options-picker-pill-strike-inset:var(--space-150);gap:var(--space-300);padding-block:var(--settings-padding-block-start-mobile,var(--settings-padding-block-start,0)) var(--settings-padding-block-end-mobile,var(--settings-padding-block-end,0));padding-inline:var(--settings-padding-inline-start-mobile,var(--settings-padding-inline-start,0)) var(--settings-padding-inline-end-mobile,var(--settings-padding-inline-end,0));flex-direction:column;display:flex}@media screen and (min-width:64rem){.options-picker{padding-block:var(--settings-padding-block-start) var(--settings-padding-block-end);padding-inline:var(--settings-padding-inline-start) var(--settings-padding-inline-end)}}.options-picker{order:var(--settings-order-mobile,var(--settings-order,0))}@media screen and (min-width:64rem){.options-picker{order:var(--settings-order,0)}}.options-picker__group{gap:var(--space-300);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.options-picker__select{font-family:var(--font-serif);font-size:var(--body-1-font-size);line-height:var(--body-1-line-height);font-weight:var(--body-1-font-weight);letter-spacing:var(--body-1-letter-spacing);align-items:center;gap:var(--space-100);padding-inline:var(--space-350);border-radius:var(--border-radius-md);background-color:var(--color-neutral-100);cursor:pointer;display:flex}.options-picker__select:focus-within{outline:var(--border-width-2) solid var(--color-focus-ring);outline-offset:-2px}.options-picker__select-label{color:var(--color-neutral-600);flex:none}.options-picker__select-input{min-width:0;padding:var(--space-350) 0;color:var(--color-neutral-900);font:inherit;letter-spacing:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border:none;flex:1}.options-picker__select-input:focus-visible{outline:none}.options-picker__select .options-picker__select-icon{width:var(--space-300);height:var(--space-300);pointer-events:none;flex:none;transform:rotate(90deg)}.options-picker__select .options-picker__select-icon svg{width:100%;height:100%}.options-picker__group-header{align-items:center;gap:var(--space-400);min-block-size:var(--space-500);display:flex}.options-picker__kleep-trigger{align-items:center;gap:var(--space-150);min-block-size:var(--space-500);visibility:hidden;display:flex}.has-kleep .options-picker__kleep-trigger{visibility:visible}.options-picker__kleep-icon{width:var(--space-400);color:var(--settings-color-links,var(--color-neutral-900));pointer-events:none;flex-shrink:0}.options-picker__kleep-icon svg{width:100%;height:auto}.options-picker__kleep{position:relative}.options-picker__kleep:before{content:"";width:max(100%,24px);height:max(100%,24px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.options-picker__kleep .kleep-button,.options-picker__kleep .kleep-button *,.options-picker__kleep .kleep-texts,.options-picker__kleep .kleep-texts *{font-family:var(--font-serif);font-size:var(--body-1-font-size);line-height:var(--body-1-line-height);font-weight:var(--body-1-font-weight);letter-spacing:var(--body-1-letter-spacing);color:var(--settings-color-links,var(--color-neutral-900));font-size:var(--body-1-font-size)!important;font-weight:var(--settings-link-font-weight,var(--font-weight-light))!important}.options-picker__kleep .kleep-underline{padding-bottom:0}.options-picker__kleep .kleep-underline:after{display:none!important}.options-picker__kleep .kleep-default,.options-picker__kleep .kleep-custom,.options-picker__kleep .kleep-custom *{text-underline-offset:35%;text-decoration:underline;-webkit-text-decoration-color:var(--color-neutral-300);text-decoration-color:var(--color-neutral-300);transition:text-decoration-color var(--animation-micro)}@media(hover:hover){.options-picker__kleep .kleep-button:hover:hover .kleep-default,.options-picker__kleep .kleep-texts:hover:hover .kleep-custom,.options-picker__kleep .kleep-texts:hover:hover .kleep-custom *{-webkit-text-decoration-color:var(--color-neutral-900);text-decoration-color:var(--color-neutral-900)}}.options-picker__kleep-similar{gap:var(--space-100);display:none}.has-kleep .options-picker__kleep-similar{display:inline-flex}.options-picker__kleep-anchor{display:none}.options-picker__label{font-family:var(--font-sans-serif);font-size:var(--ui-1-font-size);line-height:var(--ui-1-line-height);font-weight:var(--ui-1-font-weight);letter-spacing:var(--ui-1-letter-spacing);text-transform:uppercase;color:var(--color-neutral-900);margin:0;padding:0}.options-picker__values{align-items:center;gap:var(--space-200);flex-wrap:wrap;display:flex}.options-picker__value-pill{--options-picker-background:var(--color-neutral-100);--options-picker-color:var(--color-neutral-900);min-width:var(--options-picker-pill-size-mobile);height:var(--options-picker-pill-size-mobile);padding-inline:var(--space-150);border-radius:var(--border-radius-xs);background-color:var(--options-picker-background);color:var(--options-picker-color);text-align:center;text-transform:uppercase;cursor:pointer;transition:transform var(--animation-press);font-family:var(--font-serif);font-size:var(--body-1-font-size);line-height:var(--body-1-line-height);font-weight:var(--body-1-font-weight);letter-spacing:var(--body-1-letter-spacing);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}@media screen and (min-width:64rem){.options-picker__value-pill{min-width:var(--options-picker-pill-size);height:var(--options-picker-pill-size)}}.options-picker__value-pill:active:not([disabled]){transform:scale(.96)}input:checked+.options-picker__value-pill{--options-picker-background:var(--color-neutral-900);--options-picker-color:var(--color-neutral-0)}.options-picker__value-pill--unavailable{--options-picker-color:var(--color-neutral-600)}.options-picker__value-pill--unavailable:after{content:"";inset:var(--options-picker-pill-strike-inset);background-color:var(--color-neutral-400);position:absolute;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath d='M0 1L1 0' stroke='%23000' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath d='M0 1L1 0' stroke='%23000' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.options-picker__value-pill--unavailable.options-picker__value-pill--active{--options-picker-color:var(--color-neutral-0)}.options-picker__value-label{z-index:var(--z-stack);white-space:nowrap;position:relative}.options-picker__badge{z-index:var(--z-stack);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:var(--space-125);inset-inline-end:var(--space-125)}.options-picker__badge--low-stock{width:var(--space-100);height:var(--space-100);background-color:var(--color-red);display:none}input:checked+.options-picker__value-pill .options-picker__badge--low-stock{display:flex}.options-picker__badge--unavailable{width:var(--space-150)}.options-picker__low-stock{font-family:var(--font-serif);font-size:var(--body-1-font-size);line-height:var(--body-1-line-height);font-weight:var(--body-1-font-weight);letter-spacing:var(--body-1-letter-spacing);color:var(--color-red)}.options-picker__error{color:var(--color-red);font-family:var(--font-serif);font-size:var(--body-1-font-size);line-height:var(--body-1-line-height);font-weight:var(--body-1-font-weight);letter-spacing:var(--body-1-letter-spacing)}.options-picker__error[x-cloak]{display:none}.options-picker input:focus-visible+label{outline:var(--border-width-lg) var(--border-style-solid) var(--color-neutral-500);outline-offset:2px}.options-picker:not(:has(.options-picker__group)){padding-block-start:var(--space-400)}.options-picker__sold-out{align-items:center;gap:var(--space-125);flex-wrap:wrap;display:flex}.options-picker__sold-out[hidden]{display:none}.options-picker__sold-out-status{color:var(--color-red);font-family:var(--font-serif);font-size:var(--body-1-font-size);line-height:var(--body-1-line-height);font-weight:var(--body-1-font-weight);letter-spacing:var(--body-1-letter-spacing);font-family:var(--font-sans-serif);font-weight:var(--body-1-font-weight-sans-serif);letter-spacing:var(--body-1-letter-spacing-sans-serif)}.options-picker--grid,.options-picker--grid .options-picker__group{gap:var(--space-400)}.options-picker--grid:has(.options-picker__sold-out:not([hidden])) .options-picker__low-stock{display:none}.options-picker--grid .options-picker__label{font-family:var(--font-serif);font-size:var(--body-1-font-size);line-height:var(--body-1-line-height);font-weight:var(--body-1-font-weight);letter-spacing:var(--body-1-letter-spacing);font-family:var(--font-sans-serif);font-weight:var(--body-1-font-weight-sans-serif);letter-spacing:var(--body-1-letter-spacing-sans-serif);font-weight:var(--font-weight-medium);text-transform:none}.options-picker--grid .options-picker__values{grid-template-columns:repeat(auto-fill,minmax(var(--space-900),1fr));gap:var(--space-200);display:grid}.options-picker--grid .options-picker__value-pill{min-width:0;height:var(--space-900);border-radius:var(--border-radius-control)}@media screen and (min-width:64rem){.options-picker--grid .options-picker__value-pill{height:var(--space-850)}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/vite-_options-picker.css.map */