.info-popover-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-overlay)}info-popover{position:relative;display:inline-flex}.info-popover__trigger{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;cursor:pointer;flex-shrink:0;transition:transform var(--duration-short) var(--ease-smooth);color:currentColor}.info-popover__trigger:hover{opacity:.6}.info-popover__trigger:focus-visible{outline:.2rem solid var(--teal-4);outline-offset:.2rem;border-radius:.4rem}.info-popover__trigger svg{width:1.6rem;height:1.6rem}.info-popover__popup{position:fixed;width:max-content;max-width:28rem;pointer-events:none;opacity:0;transition:opacity var(--duration-short) var(--ease-smooth)}.info-popover__popup:not([hidden]){pointer-events:auto;opacity:1}.info-popover__content{background:#fff;border:.1rem solid var(--grey-1);border-radius:16rem;padding:1.6rem;box-shadow:0 .4rem 1.6rem #0000001a;position:relative}.info-popover__content p{margin:0}.info-popover__content:after,.info-popover__content:before{content:"";position:absolute;left:var(--arrow-left, 50%);transform:translate(-50%);width:0;height:0;border-left:.8rem solid transparent;border-right:.8rem solid transparent}.info-popover__content:after{border-top:.8rem solid white}.info-popover__content:before{border-top:.9rem solid var(--grey-1)}.info-popover__content[style*="--arrow-position: above"]:after,.info-popover__content:not([style*=--arrow-position]):after{top:100%}.info-popover__content[style*="--arrow-position: above"]:before,.info-popover__content:not([style*=--arrow-position]):before{top:calc(100% + .1rem)}.info-popover__content[style*="--arrow-position: below"]:after{bottom:100%;border-top:none;border-bottom:.8rem solid white}.info-popover__content[style*="--arrow-position: below"]:before{bottom:calc(100% + .1rem);border-top:none;border-bottom:.9rem solid var(--grey-1)}@media (max-width: 749px){.info-popover__popup{max-width:calc(100vw - 3.2rem)}}@media (prefers-reduced-motion: reduce){.info-popover__trigger,.info-popover__popup{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-info-popover.css.map */