dropdown-selects,dropdown-selects-options{--option-height: 48px;--dropdown-border-radius: var(--radius-m);--dropdown-option-height: 48px;position:relative;cursor:pointer;display:inline-block}.dropdown__toggle{border:1px solid var(--border-form-default);border-radius:var(--dropdown-border-radius);display:flex;align-items:center;justify-content:space-between;height:var(--dropdown-option-height);padding:12px 16px;background-color:var(--surface-white);color:var(--text-primary);transition:border-color var(--transition-default),background-color var(--transition-default),box-shadow var(--transition-default)}.dropdown__toggle:hover{border-color:var(--border-form-hover)}dropdown-selects .dropdown__toggle{border-color:var(--border-form-default)}dropdown-selects[selected] .dropdown__toggle{border-color:var(--border-form-default)}dropdown-selects[selected][open] .dropdown__toggle{border-color:var(--c-purple-700)}dialog.dropdown__list{padding:0;border:none;color:inherit;margin:0;max-width:none}dialog.dropdown__list::backdrop{background-color:var(--color-overlay);-webkit-backdrop-filter:var(--filter-blur);backdrop-filter:var(--filter-blur)}.dropdown__list{display:none;position:absolute;width:100%;max-height:80vh;overflow-y:auto;z-index:2;border-radius:var(--dropdown-border-radius);background-color:var(--surface-white)}.dropdown__list.active{display:block;position:fixed;bottom:0;top:auto;left:0;right:0;width:100%;z-index:101}.dropdown__list.active .dropdown__header{font-size:var(--type-body-16);font-weight:var(--fw-bold);border-bottom:1px solid var(--border-light);background:var(--c-gray-050);border-radius:var(--dropdown-border-radius) var(--dropdown-border-radius) 0px 0px;padding:12px 16px;min-height:var(--dropdown-option-height);display:flex;align-items:center;justify-content:space-between}.dropdown__close{margin-right:-4px}.dropdown__inner{display:flex;align-items:center}.dropdown__toggle .icon-size-ruler{margin:0 8px 0 -4px}.dropdown__icon{display:flex;align-self:center}.dropdown__item{cursor:pointer;padding:12px 16px;min-height:var(--dropdown-option-height);border-bottom:1px solid var(--border-light);background-color:var(--c-white);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;transition:background-color var(--transition-default),color var(--transition-default)}.dropdown__item[data-sold-out]{cursor:not-allowed}.dropdown__item:last-child{border-bottom:none}.dropdown__item:hover,.dropdown__item.selected{background-color:var(--surface-tile);color:var(--c-purple-800)}.dropdown__item .icon-checked{display:none;color:var(--c-purple-800);margin-right:-4px}.dropdown__item.selected .icon-checked{display:block}.dropdown__item .loading-overlay svg{display:inline-block;height:1.5rem;width:1.5rem}.dropdown__item .loading-overlay{position:relative}.dropdown__item.dropdown__item--disabled{cursor:not-allowed}.dropdown__item.dropdown__item--disabled .sold-out-notice{color:var(--status-invalid-text)}dropdown-selects .dropdown__text{display:flex;gap:var(--text-gap-8);align-items:center}dropdown-selects .dropdown__text.sold-out{text-decoration:line-through}.dropdown__item .sold-out{color:var(--text-disabled)}.dropdown+.dropdown{margin-top:10px}@media screen and (min-width:750px){dropdown-selects[open] .dropdown__toggle .dropdown__icon,dropdown-selects-options[open] .dropdown__toggle>svg{transform:rotate(-180deg)}dropdown-selects[open] .dropdown__toggle{background-color:var(--c-white);border-color:var(--c-purple-700);border-width:2px;padding-block:11px;padding-inline:15px;border-radius:var(--dropdown-border-radius) var(--dropdown-border-radius) 0 0;border-bottom-color:transparent}dropdown-selects .dropdown__list{display:block;max-height:0}dropdown-selects[open] .dropdown__list{max-height:calc(6 * (var(--dropdown-option-height)));border-radius:0 0 var(--dropdown-border-radius) var(--dropdown-border-radius);margin-top:-2px;border:2px solid var(--c-purple-700);border-top:none}.dropdown__list{max-height:calc(6.5 * (var(--dropdown-option-height)))}}dropdown-selects-options[open] .dropdown__list{display:block}dropdown-selects-options .cart-variant-selected{border-bottom:1px dashed currentColor}.dropdown__list--cart{--dropdown-option-height: 48px;--dropdown-border-radius: var(--radius-m)}.dropdown__list--cart .dropdown__item{gap:var(--gap-s);font-size:var(--type-body-15);border-bottom:none}.dropdown__list--cart .dropdown__item-label{display:flex;align-items:center;gap:var(--gap-xs)}.dropdown__list--cart .dropdown__item-status{color:var(--status-valid-text);white-space:nowrap}.dropdown__list--cart .dropdown__item.selected{background-color:transparent;color:var(--text-primary)}.dropdown__list--cart .dropdown__item.selected .dropdown__item-label{font-weight:var(--fw-bold)}.dropdown__list--cart .dropdown__item .icon-checked{margin-right:0;color:currentColor}.dropdown__list--cart .dropdown__item--disabled:hover{background-color:transparent}.dropdown__list--cart .dropdown__item--disabled .dropdown__item-label{color:var(--text-disabled);text-decoration:line-through}.dropdown__list--cart .dropdown__item--disabled .dropdown__item-status{color:var(--status-invalid-text)}.dropdown__list--cart.active,.dropdown__list--cart.active .dropdown__header{border-radius:var(--radius-l) var(--radius-l) 0 0}@media screen and (min-width:750px){dropdown-selects-options[open] .dropdown__list{position:absolute;top:100%;bottom:auto;left:0;right:auto;width:30rem;min-width:0;margin-top:3px;border-radius:0 0 var(--radius-l) var(--radius-l);box-shadow:var(--box-shadow-selector)}.dropdown__list--cart .dropdown__header{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-s);padding:var(--padding-stripe-m);min-height:0;font-size:var(--type-body-14);font-weight:var(--fw-bold);color:var(--text-primary);border-bottom:1px solid var(--border-light)}.dropdown__list--cart .dropdown__options{padding:var(--padding-stripe-xs) var(--padding-stripe-xs) var(--padding-stripe-s)}.dropdown__list--cart .dropdown__item{padding:12px;min-height:0;border-radius:var(--radius-m)}}variant-radios .invalid-input,dropdown-selects .invalid-input{display:none;margin-top:-1px;background-color:var(--status-invalid-surface-light);color:var(--status-invalid-text);border-radius:0 0 var(--radius-m) var(--radius-m);font-size:var(--type-body-14);padding:8px 16px;border:1px solid var(--status-invalid-text);border-top:none}variant-radios[has-error] .invalid-input,variant-radios[has-error]+dropdown-selects .invalid-input{display:block}variant-radios[has-error] .product-form__input-radiobuttons,variant-radios[has-error]+dropdown-selects .dropdown__toggle{border-color:var(--status-invalid-text);border-bottom-left-radius:0;border-bottom-right-radius:0}dropdown-selects[disabled],dropdown-selects.disabled{cursor:not-allowed!important;pointer-events:none!important}dropdown-selects[disabled] .dropdown__toggle,dropdown-selects.disabled .dropdown__toggle{background-color:var(--surface-disabled-form)!important;border-color:var(--border-form-disabled)!important;color:var(--text-disabled)!important;cursor:not-allowed!important}dropdown-selects[disabled] .dropdown__toggle svg,dropdown-selects.disabled .dropdown__toggle svg{stroke:var(--text-disabled)!important;color:var(--text-disabled)!important}
/*# sourceMappingURL=/cdn/shop/t/64/assets/component-product-dropdown-selects.css.map */