variant-popover{position:relative;display:block}.variant-popover-container{display:flex;align-items:center;padding:.5rem .5rem .5rem 0;gap:.8rem}.variant-popover__trigger{display:flex;align-items:center;gap:.6rem;font-size:1.2rem;font-weight:500;color:rgb(var(--color-foreground));background:none;border:.1rem solid rgba(var(--color-foreground),.5);border-radius:var(--inputs-radius, 4px);padding:.5rem 1rem;cursor:pointer;transition:border-color .2s;--shadow-opacity: 0;--border-opacity: 0}.variant-popover__trigger:hover{border-color:rgba(var(--color-foreground),.5)}.variant-popover__trigger svg{flex-shrink:0;width:1.2rem;height:1.2rem;transition:transform var(--duration-default) ease}.variant-popover__trigger[aria-expanded=true] svg{transform:rotate(180deg)}.variant-popover__trigger-label{font-size:1.8rem;color:rgba(var(--color-foreground),.6);margin-right:.2rem}.variant-popover__trigger-value{font-weight:500;font-size:1.6rem}.variant-popover__info{width:100%;z-index:3;position:absolute;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:var(--inputs-radius, 4px);box-shadow:var(--shadow-card);top:100%;left:0;padding:.4rem 0;min-width:16rem}.variant-popover__info[hidden]{display:none}.variant-popover__options{list-style:none;margin:0;padding:0}.variant-popover__option{display:flex;align-items:center;justify-content:space-between;font-size:1.4rem;letter-spacing:.06rem;padding:.8rem 1.2rem;cursor:pointer;transition:background .15s;border:none;background:none;width:100%;text-align:left;color:rgb(var(--color-foreground))}.variant-popover__option:nth-child(odd){background:rgba(var(--color-foreground),.03)}.variant-popover__option:hover{background:rgba(var(--color-foreground),.08)}.variant-popover__option[aria-selected=true]{font-weight:600;color:rgb(var(--color-button))}.variant-popover__option[disabled]{opacity:.4;cursor:not-allowed;text-decoration:line-through}.variant-popover__option-check{width:1.4rem;height:1.4rem;opacity:0;color:rgb(var(--color-button));flex-shrink:0}.variant-popover__option[aria-selected=true] .variant-popover__option-check{opacity:1}.variant-popover__close{--shadow-opacity: 0;--border-opacity: 0;width:3.2rem;height:3.2rem;position:absolute;top:.4rem;right:0;padding:0 1.2rem 0 0;display:flex;justify-content:flex-end}.variant-popover__close .icon{width:1.5rem;height:1.5rem}variant-popover.is-loading .variant-popover__trigger{opacity:.5;pointer-events:none}.variant-popover__sold-out{font-size:1rem;color:rgba(var(--color-foreground),.5);margin-left:.6rem}@media screen and (min-width:990px){.variant-popover__info{width:20rem}}@media screen and (max-width:989px){.variant-popover__info{left:0;top:100%}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/variant-popover.css.map */