.promotional-code{display:block;position:relative;color:rgb(var(--color-foreground))}.promotional-code__border{--circles-size: 1.3rem;position:absolute;left:0;right:0;top:0;bottom:0;border:solid .1rem rgb(var(--color-foreground));border-radius:var(--images-border-radius);z-index:2;pointer-events:none}.promotional-code__border:before{content:"";display:block;position:absolute;left:0;right:0;top:calc(50% - .05rem);border-bottom:dashed .1rem rgb(var(--color-foreground))}.promotional-code__border-side{--spaces: calc(var(--images-border-radius) + .2rem);position:absolute;top:var(--spaces);bottom:var(--spaces);display:flex;flex-direction:column;justify-content:space-between}.popup-section__content--image-as-background .promotional-code__border-side{display:none}.promotional-code__border-side--left{left:-.7rem}.promotional-code__border-side--right{right:-.7rem}.promotional-code__border-side div{display:block;width:var(--circles-size);height:var(--circles-size);border:solid .1rem rgb(var(--color-foreground));background-color:rgb(var(--popups-background));border-radius:50%}body.is-safari .promotional-code__border-side{display:none!important}.promotional-code__border-side-trim{display:block!important;position:absolute;height:100%;width:var(--circles-size);top:0;background:rgb(var(--popups-background))}.promotional-code__border-side-trim--left{left:calc((var(--circles-size) + .1rem) * -1)}.promotional-code__border-side-trim--right{right:calc((var(--circles-size) + .1rem) * -1)}.promotional-code__text,.promotional-code__button{height:5rem;display:flex;align-items:center;justify-content:center}.promotional-code__text{position:relative;border-top-left-radius:var(--images-border-radius);border-top-right-radius:var(--images-border-radius)}.promotional-code__text span{margin:0}.promotional-code__button{font-size:calc(var(--font-body-scale) * 1.4rem);line-height:calc(1 + .291666666666667 / max(1,var(--font-body-scale)));letter-spacing:0;border-bottom-left-radius:var(--images-border-radius);border-bottom-right-radius:var(--images-border-radius)}.promotional-code:not(.promotional-code--copied) .promotional-code__button{cursor:pointer}.promotional-code__copy,.promotional-code__copied{display:flex;align-items:center;gap:1rem}.promotional-code__copy{color:rgb(var(--clr-theme-accent))}.promotional-code--copied .promotional-code__copy{display:none}.promotional-code:not(.promotional-code--copied) .promotional-code__copied{display:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/promotional-code.css.map */