#op-sticker-portal{position:absolute;top:0;left:0;width:0;height:0;overflow:visible;z-index:0;pointer-events:none}.op-sticker-portal-mount{position:absolute;pointer-events:none}.op-sticker-host{position:relative}.op-sticker-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;z-index:5}.op-sticker{position:absolute;pointer-events:none;--op-block-width: 150;--op-sticker-opacity: 1;--op-sticker-bg: 17 24 39;--op-sticker-text: 255 255 255;--op-sticker-border-color: var(--op-sticker-bg);--op-sticker-border-width: 0px;--op-sticker-border-radius: 0px;--op-sticker-text-transform: uppercase;--op-sticker-font-size: 1.563rem;--op-sticker-drop-shadow-display: none;--op-sticker-drop-shadow-top: 0px;--op-sticker-drop-shadow-left: 0px;--op-sticker-shadow-fill: 17 24 39;opacity:var(--op-sticker-opacity)}.op-sticker.op-sticker--hidden{display:none}.op-sticker__translate-container{transform:translate(-50%,-50%)}.op-sticker__parallax-container{transform:translateZ(0)}.op-sticker__parallax-element{transition:transform 50ms linear;will-change:transform}.op-sticker__rotate-container{transform:rotate(var(--op-sticker-rotate, 0deg))}.op-sticker__width-container{width:calc(var(--op-block-width) * 1px);max-width:none;display:block}.op-sticker__image{line-height:0}.op-sticker__image img{width:calc(var(--op-block-width) * 1px);max-width:none;height:auto;display:block}.op-sticker__container{position:relative}.op-sticker__fill{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--op-sticker-bg))}.op-sticker__gradient-fill{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--op-sticker-gradient, none)}.op-sticker__text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;color:rgb(var(--op-sticker-text));text-transform:var(--op-sticker-text-transform);font-family:var(--font-heading-family, inherit);font-style:var(--font-heading-style, normal);font-weight:var(--font-heading-weight, 600);padding:calc(2rem * var(--op-block-width) / 300);font-size:calc(var(--op-sticker-font-size) * var(--op-block-width) / 300);line-height:1}.op-sticker__text>div{width:100%}.op-sticker__svg{position:relative;aspect-ratio:1 / 1;stroke:rgb(var(--op-sticker-border-color));stroke-width:var(--op-sticker-border-width);display:block}.op-sticker__svg-outline{fill:transparent}.op-sticker__drop-shadow{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(var(--op-sticker-drop-shadow-left),var(--op-sticker-drop-shadow-top));z-index:-1;display:var(--op-sticker-drop-shadow-display)}.op-sticker__drop-shadow-path{fill:rgb(var(--op-sticker-shadow-fill));stroke-width:0}.op-sticker__fit-to-text{display:inline-block;position:relative;border-radius:var(--op-sticker-border-radius);border-style:solid;border-width:var(--op-sticker-border-width);border-color:rgb(var(--op-sticker-border-color));background-color:rgb(var(--op-sticker-bg));color:rgb(var(--op-sticker-text));text-transform:var(--op-sticker-text-transform);font-family:var(--font-heading-family, inherit);font-style:var(--font-heading-style, normal);font-weight:var(--font-heading-weight, 600);white-space:nowrap;padding:.75rem 1rem;line-height:1;font-size:calc(var(--op-sticker-font-size) * var(--op-block-width) / 300)}.op-sticker__fit-to-text:after{content:"";position:absolute;left:var(--op-sticker-drop-shadow-left);top:var(--op-sticker-drop-shadow-top);z-index:-1;height:100%;width:100%;border-radius:var(--op-sticker-border-radius);background-color:rgb(var(--op-sticker-shadow-fill));display:var(--op-sticker-drop-shadow-display)}@keyframes op-sticker-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes op-sticker-jump{0%{transform:rotate(0) translate(0) translateY(0)}50%{transform:rotate(-10deg) translate(-10px) translateY(-10px)}to{transform:rotate(0) translate(0) translateY(0)}}@media screen and (prefers-reduced-motion:no-preference){.op-sticker__rotate-container.op-sticker--constantly-rotate{animation-name:op-sticker-rotate;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite}.op-sticker__rotate-container.op-sticker--jump{animation-name:op-sticker-jump;animation-duration:2s;animation-timing-function:step-end;animation-iteration-count:infinite}}@media(max-width:989px){.op-sticker--hide-mobile{display:none!important}}@media(min-width:990px){.op-sticker--hide-desktop{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/op-sticker.css.map */
