.variant-option-info-host{position:relative}variant-option-info{display:inline-flex;vertical-align:text-bottom;margin-left:.4rem}.variant-option-info__button{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;background:transparent;border:none;cursor:pointer;color:rgba(var(--color-foreground),.75);appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.variant-option-info__button:hover,.variant-option-info__button[aria-expanded=true]{color:rgb(var(--color-foreground))}.variant-option-info__button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem;border-radius:50%}.variant-option-info__button .svg-wrapper{display:block;width:1.6rem;height:1.6rem}.variant-option-info__button svg{width:100%;height:100%;fill:currentColor}.variant-option-info__popover.global-settings-popup{position:absolute;top:calc(100% + .8rem);left:0;right:0;z-index:4;background-color:rgb(var(--color-background));padding:1.5rem;scroll-margin:1.2rem}.variant-option-info__close{position:absolute;top:.6rem;right:.6rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;background:transparent;border:none;cursor:pointer;color:rgb(var(--color-foreground));appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.variant-option-info__close .svg-wrapper{display:block;width:1.6rem;height:1.6rem}.variant-option-info__close svg{width:100%;height:100%}.variant-option-info__title{margin:0 0 .8rem;padding-right:3rem}.variant-option-info__intro{margin-bottom:1.2rem;font-size:1.4rem}.variant-option-info__intro p,.variant-option-info__entry-text p{margin:0}.variant-option-info__entries{display:flex;flex-direction:column;gap:.8rem;margin:0}.variant-option-info__entry{padding:.8rem 1rem;border-radius:.6rem;background-color:rgba(var(--color-foreground),.04)}.variant-option-info__entry--selected{background-color:rgba(var(--color-foreground),.08);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.35)}.variant-option-info__entry-label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:0 0 .2rem;font-weight:600;font-size:1.4rem}.variant-option-info__entry-badge{font-size:1.1rem;text-transform:uppercase;letter-spacing:.1rem;opacity:.7;white-space:nowrap}.variant-option-info__entry-text{margin:0;font-size:1.3rem}@media screen and (max-width:749px){.variant-option-info__close{width:4.4rem;height:4.4rem;top:.4rem;right:.4rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-variant-option-info.css.map */