logo-foil{--logo-foil-x: 50%;--logo-foil-y: 50%;--logo-foil-sweep-x: 50%;--logo-foil-sweep-level: 1;--logo-foil-rx: 0deg;--logo-foil-ry: 0deg;--logo-foil-tx: 0px;--logo-foil-ty: 0px;--logo-foil-tz: 0px;--logo-foil-px: 0px;--logo-foil-py: 0px;--logo-foil-rest-depth: 0px;--logo-foil-fill: linear-gradient(110deg, #b6c0cc 0%, #edf2f7 20%, #c6d0dc 36%, #ffffff 49%, #d4dde6 58%, #f4f7fa 75%, #bfc9d5 100%);display:block;width:100%;perspective:700px;isolation:isolate}logo-foil[data-finish=holographic]{--logo-foil-fill: linear-gradient(110deg, #a8d8ed 0%, #d7bafa 19%, #f3bfcc 36%, #fff5d3 49%, #c9e8d1 63%, #b8d9fa 79%, #ddc6ef 100%)}.logo-foil__filters{position:absolute;width:0;height:0;pointer-events:none}.logo-foil__hover,.logo-foil__surface,.logo-foil__face{position:relative;display:block}.logo-foil__hover{transform-style:preserve-3d}.logo-foil__surface{transform:translate3d(var(--logo-foil-tx),var(--logo-foil-ty),var(--logo-foil-tz)) rotateX(var(--logo-foil-rx)) rotateY(var(--logo-foil-ry));transform-origin:center;transform-style:preserve-3d}.logo-foil__face{transform:translate(var(--logo-foil-px),var(--logo-foil-py))}.logo-foil__surface img{display:block}.logo-foil__ink,.logo-foil__rear,.logo-foil__outline,.logo-foil__sparkles,.logo-foil__front{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.logo-foil__ink{display:none;background-repeat:no-repeat;background-position:var(--logo-foil-x) var(--logo-foil-y);background-size:250% 250%}.logo-foil__finish{background-image:var(--logo-foil-fill)}.logo-foil__solid{background-color:rgb(var(--logo-foil-light-rgb, 255 255 255))}.logo-foil__glint{background-image:linear-gradient(110deg,transparent 42%,rgb(var(--logo-foil-light-rgb) / 16%) 46%,rgb(var(--logo-foil-light-rgb)) 50%,rgb(var(--logo-foil-light-rgb) / 16%) 54%,transparent 58%);background-position:var(--logo-foil-sweep-x) 50%;opacity:0}logo-foil[data-sweep=interaction][data-active] .logo-foil__glint,logo-foil[data-sweep=ambient][data-running] .logo-foil__glint{opacity:calc(var(--logo-foil-light-strength) * var(--logo-foil-sweep-level))}.logo-foil__outline,.logo-foil__rear{filter:var(--logo-foil-outline-filter)}.logo-foil__outline{opacity:0}logo-foil[data-glow=always] .logo-foil__outline{opacity:calc(var(--logo-foil-light-strength) * .6)}logo-foil[data-active]:not([data-glow=none]) .logo-foil__outline{opacity:var(--logo-foil-light-strength)}.logo-foil__rear{opacity:.24;transform:translate(calc(var(--logo-foil-rest-depth) - var(--logo-foil-px)),calc(var(--logo-foil-rest-depth) - var(--logo-foil-py)))}.logo-foil__rear--far{opacity:.12;transform:translate(calc(var(--logo-foil-rest-depth) * 2 - var(--logo-foil-px) * 1.6),calc(var(--logo-foil-rest-depth) * 2 - var(--logo-foil-py) * 1.6))}.logo-foil__front{transform:translate(calc(var(--logo-foil-px) * 2),calc(var(--logo-foil-py) * 2))}[data-og-screen] .logo .logo-foil__front img{width:100%;height:100%;max-width:none;object-fit:fill}.logo-foil__sparkles{visibility:hidden}logo-foil[data-running][data-sparkles=ambient] .logo-foil__sparkles,logo-foil[data-running][data-sparkles=interaction][data-active] .logo-foil__sparkles{visibility:visible}.logo-foil__spark{position:absolute;width:var(--logo-foil-spark-size, 4px);height:var(--logo-foil-spark-size, 4px);transform:translate(-50%,-50%);opacity:0;animation:logo-foil-twinkle var(--spark-duration) ease-in-out infinite both;animation-delay:var(--spark-delay);animation-play-state:paused}.logo-foil__spark:before,.logo-foil__spark:after{content:"";position:absolute;background:rgb(var(--logo-foil-light-rgb))}.logo-foil__spark:before{top:calc(50% - .5px);width:100%;height:1px}.logo-foil__spark:after{left:calc(50% - .5px);width:1px;height:100%}logo-foil[data-running][data-sparkles=ambient] .logo-foil__spark,logo-foil[data-running][data-sparkles=interaction][data-active] .logo-foil__spark{animation-play-state:running}@keyframes logo-foil-twinkle{0%,42%,to{opacity:0}56%{opacity:var(--logo-foil-light-strength)}70%{opacity:0}}@supports (mask-image: linear-gradient(black,black)) or (-webkit-mask-image: linear-gradient(black,black)){logo-foil:not([data-finish=none]) .logo-foil__surface img{filter:grayscale(1)}logo-foil:not([data-foil-text]) .logo-foil__ink{display:block;-webkit-mask:var(--logo-foil-mask) center / 100% 100% no-repeat;mask:var(--logo-foil-mask) center / 100% 100% no-repeat;mask-mode:alpha}}@supports (background-clip: text) or (-webkit-background-clip: text){logo-foil[data-foil-text] .logo-foil__ink{display:block;-webkit-background-clip:text;background-clip:text;color:transparent}}[data-og-screen] .logo:focus-visible{outline:1px solid currentColor;outline-offset:5px}@media(prefers-reduced-motion:reduce){logo-foil .logo-foil__surface,logo-foil .logo-foil__face,logo-foil .logo-foil__front{transform:none}logo-foil .logo-foil__sparkles,logo-foil .logo-foil__glint{display:none}logo-foil .logo-foil__spark{animation:none}}@media(forced-colors:active){logo-foil .logo-foil__ink,logo-foil .logo-foil__rear,logo-foil .logo-foil__outline,logo-foil .logo-foil__sparkles{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/logo-foil.css.map */