.variant-popover{position:relative;display:block}.variant-popover__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background-color:transparent;display:none}.variant-popover__overlay--active{display:block!important}.variant-popover__content{position:absolute;bottom:0;left:0;right:0;margin-top:.5rem;z-index:100;background:var(--gradient-background);border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--popup-corner-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;width:100%;isolation:isolate}.variant-popover__option{margin:0 0 2rem;padding:0;border:none}.variant-popover__option-name{margin-bottom:1.5rem;font-size:1.4rem;font-weight:500}.variant-popover__pills-wrapper{display:flex;flex-wrap:wrap;gap:1rem}.variant-popover__pill-input{position:absolute;opacity:0;width:0;height:0}.variant-popover__pill-wrapper{margin:0 auto;width:100%;text-align:center}.variant-popover__pill{display:block;padding:.6rem 2rem;font-size:1.2rem;border-radius:5rem!important;border:1px solid rgba(var(--color-foreground),.1);background-color:var(--color-background);color:rgb(var(--color-foreground));cursor:pointer;transition:all var(--duration-short) ease}.variant-popover__pill:hover{border-color:rgb(var(--color-foreground))}.variant-popover__pill-input:checked+.variant-popover__pill{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.variant-popover__pill-input:focus-visible+.variant-popover__pill{box-shadow:0 0 0 .3rem rgb(var(--color-foreground),.2);outline:0}.variant-popover__submit{padding:.8rem;min-width:100%;box-sizing:border-box;margin-bottom:1px;display:flex;flex-wrap:wrap;margin-top:2rem}.variant-popover__trigger{width:100%;padding:.8rem;min-width:100%;box-sizing:border-box;margin-bottom:1px;display:flex;flex-wrap:wrap}.disabled{opacity:.5;cursor:not-allowed}@media screen and (max-width: 749px){.variant-popover__content{padding:1rem;width:calc(100% + 2rem);left:50%;transform:translate(-50%)}.variant-popover__pill{font-size:.8rem;padding:.6rem}}@media screen and (max-width: 420px){.variant-popover__pill-wrapper{margin:0 auto;width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/1435/assets/variant-popover.css.map */