.inv-logo3d{--inv-tilt: 13deg;--inv-spin-time: 11s;--inv-shine-time: 6s;--inv-float: 2px;--inv-scroll: 0;--inv-speed: 1;display:block;position:relative;perspective:620px;perspective-origin:50% 50%;line-height:0;max-width:100%}.inv-logo3d--image{width:var(--inv-logo-width, 190px)}.inv-logo3d--text{width:fit-content}@media screen and (max-width:749px){.inv-logo3d--image{width:var(--inv-logo-width-mobile, var(--inv-logo-width, 150px))}}.inv-logo3d__stage{display:block;position:relative;transform-style:preserve-3d;will-change:transform;transform-origin:50% 55%;animation:inv-logo-tilt calc(var(--inv-spin-time) / var(--inv-speed)) cubic-bezier(.45,0,.55,1) infinite,inv-logo-float calc(var(--inv-spin-time) / 1.7 / var(--inv-speed)) ease-in-out infinite;transition:scale .45s cubic-bezier(.22,.61,.36,1)}.inv-logo3d__intro{display:block;transform-style:preserve-3d;animation:inv-logo-intro 1.1s cubic-bezier(.16,1,.3,1) both}.inv-logo3d__image{display:block;width:100%;height:auto;object-fit:contain;backface-visibility:visible;filter:brightness(calc(1 + var(--inv-scroll) * .22)) contrast(calc(1 + var(--inv-scroll) * .1))}.inv-logo3d--invert .inv-logo3d__image{filter:invert(1) brightness(calc(1 + var(--inv-scroll) * .22))}.inv-logo3d__image-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,transparent 38%,rgb(255 255 255 / .72) 48%,rgb(255 255 255 / .9) 50%,rgb(255 255 255 / .72) 52%,transparent 62%);background-size:260% 100%;background-position:calc(140% - var(--inv-scroll) * 60%) 0;mix-blend-mode:screen;opacity:.75;animation:inv-logo-shine calc(var(--inv-shine-time) / var(--inv-speed)) linear infinite;-webkit-mask-image:var(--inv-logo-mask);mask-image:var(--inv-logo-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.inv-logo3d__type{display:block;position:relative;font-family:var(--inv-logo-font, var(--font-heading--family));font-weight:var(--inv-logo-weight, 500);font-style:normal;font-size:var(--inv-logo-size);line-height:1;letter-spacing:var(--inv-logo-tracking, -.012em);white-space:nowrap;text-transform:none;transform-style:preserve-3d;filter:brightness(calc(1 + var(--inv-scroll) * .22))}@media screen and (max-width:749px){.inv-logo3d__type{font-size:var(--inv-logo-size-mobile, var(--inv-logo-size))}}.inv-logo3d__layer{display:block;grid-area:1 / 1}.inv-logo3d__type{display:grid}Die Stufen stehen in em,nicht in px: so bleibt die Tiefe bei jeder Schriftgr\f6\df e gleich stark und wird auf dem Handy nicht plump. */ .inv-logo3d__depth{color:#0c0e11;text-shadow:0 .012em 0 #262b31,0 .024em 0 #22272d,0 .036em 0 #1e2329,0 .048em 0 #1a1f24,0 .06em 0 #171b20,0 .072em 0 #13171c,0 .084em 0 #101418,0 .096em 0 #0d1014,0 .108em 0 #0a0d10,0 .12em 0 #080a0d,0 .132em 0 #06080a,0 .144em 0 #050607,0 .17em .27em rgb(0 0 0 / .5)}.inv-logo3d__face{background:linear-gradient(177deg,#fff,#e4e9ed 11%,#aab1b8 25%,#656c74 38%,#2b3036 48%,#0e1114 51%,#3a4046 55%,#878e95 68%,#d5dade 82%,#f4f7f9 90%,#767d84);-webkit-background-clip:text;background-clip:text;color:transparent}.inv-logo3d--dark-metal .inv-logo3d__depth{color:#c2c7cd;text-shadow:0 .012em 0 #aab0b7,0 .024em 0 #a2a8af,0 .036em 0 #9aa0a7,0 .048em 0 #92989f,0 .06em 0 #8a9097,0 .072em 0 #82888f,0 .084em 0 #7a8087,0 .096em 0 #72787f,0 .108em 0 #6a7077,0 .12em 0 #62686f,0 .132em 0 #5a6067,0 .144em 0 #52585f,0 .15em .22em rgb(0 0 0 / .24)}.inv-logo3d--dark-metal .inv-logo3d__face{background:linear-gradient(177deg,#8f969d,#5c636b 10%,#2f353b,#14181d 38%,#0a0c0f 47%,#454c54 51%,#1a1e23 56%,#0f1216,#333a41 84%,#737a82 94%,#2c3238);-webkit-background-clip:text;background-clip:text;color:transparent}.inv-logo3d--dark-metal .inv-logo3d__shine{background:linear-gradient(100deg,transparent 40%,rgb(255 255 255 / .55) 49%,rgb(255 255 255 / .72) 50%,rgb(255 255 255 / .55) 51%,transparent 60%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.inv-logo3d__shine{background:linear-gradient(100deg,transparent 40%,rgb(255 255 255 / .85) 49%,rgb(255 255 255 / .95) 50%,rgb(255 255 255 / .85) 51%,transparent 60%);background-size:260% 100%;background-position:calc(140% - var(--inv-scroll) * 60%) 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:inv-logo-shine calc(var(--inv-shine-time) / var(--inv-speed)) linear infinite}.inv-logo3d__tagline{display:block;margin-block-start:calc(var(--inv-logo-size, 44px) * .3);font-family:var(--font-subheading--family, inherit);font-size:var(--inv-logo-tagline-size, .5rem);font-weight:600;line-height:1;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;text-align:center;color:currentcolor;opacity:.55}.inv-logo3d:hover .inv-logo3d__stage,.inv-logo3d:focus-visible .inv-logo3d__stage{--inv-speed: 2.4;scale:1.045}@keyframes inv-logo-tilt{0%{transform:rotateY(calc(var(--inv-tilt) * -1)) rotateX(1.6deg)}50%{transform:rotateY(var(--inv-tilt)) rotateX(-1.6deg)}to{transform:rotateY(calc(var(--inv-tilt) * -1)) rotateX(1.6deg)}}.inv-logo3d--spin .inv-logo3d__stage{animation-name:inv-logo-spin,inv-logo-float;animation-timing-function:linear,ease-in-out}@keyframes inv-logo-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes inv-logo-float{0%,to{translate:0 calc(var(--inv-float) * -1)}50%{translate:0 var(--inv-float)}}@keyframes inv-logo-shine{0%{background-position:calc(140% - var(--inv-scroll) * 60%) 0}to{background-position:calc(-140% - var(--inv-scroll) * 60%) 0}}@keyframes inv-logo-intro{0%{opacity:0;transform:translateY(6px) rotateX(26deg) scale(.965);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@media(prefers-reduced-motion:reduce){.inv-logo3d__stage,.inv-logo3d__intro,.inv-logo3d__shine,.inv-logo3d__image-shine{animation:none!important;transition:none!important;transform:none!important;opacity:1}.inv-logo3d__image-shine{opacity:.35}.inv-logo3d:hover .inv-logo3d__stage{scale:1}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/invernoi-logo-3d.css.map */