.product-form__input--popup{margin-bottom:1.6rem}.variant-picker-popup-ui{display:block}@media screen and (min-width:750px){.variant-picker-popup-ui{display:none!important}}.variant-picker-modal__opener{display:block;width:100%}.variant-picker-modal__opener .select{width:100%}.variant-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;text-align:left;cursor:pointer}.variant-picker-trigger__label{flex-shrink:0;font-weight:500;color:rgb(var(--color-foreground))}.variant-picker-trigger__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-picker-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.2);height:100%}.variant-picker-modal[open]{opacity:1;visibility:visible;z-index:101}.variant-picker-modal__content{border-radius:var(--popup-corner-radius) var(--popup-corner-radius) 0 0;background-color:rgb(var(--color-background));overflow:auto;max-height:70vh;margin:0 auto;left:50%;transform:translate(-50%);width:100%;position:fixed;bottom:0;top:auto;padding:2rem 1.5rem 2.5rem;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.variant-picker-modal__close{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;padding:1.2rem;z-index:2;top:1.5rem;right:1.5rem;width:4rem;height:4rem}.variant-picker-modal__close:hover{color:rgba(var(--color-foreground),.75)}.variant-picker-modal__close .icon{height:auto;margin:0;width:1.4rem}.variant-picker-modal__heading{margin:0 4rem 1.5rem 0}.variant-picker-modal__list{list-style:none;margin:0;padding:0}.variant-picker-modal__option{display:block;width:100%;padding:1.4rem 1.6rem;margin-bottom:.8rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--inputs-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.4rem;text-align:left;cursor:pointer;transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease}.variant-picker-modal__option:hover:not(:disabled){border-color:rgb(var(--color-foreground))}.variant-picker-modal__option.is-selected{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05);font-weight:500}.variant-picker-modal__option.is-disabled,.variant-picker-modal__option:disabled{opacity:.5;cursor:not-allowed;text-decoration:line-through}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-variant-picker-modal.css.map */