.tear-box{--W: 80cqw;--D: calc(var(--W) * 265 / 308);--H: calc(var(--W) * 100 / 308);--F: calc(var(--W) * 140 / 308);--T: .9cqw;--kraft: #d4b687;--paper: url(karton-kraft.webp) 0 0 / 34cqw auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:none;container-type:size;pointer-events:none}.tear.is-live.is-intro .tear-box{display:block}.tear.is-live.is-intro .tear-canvas{visibility:hidden}.tb-scene{position:absolute;top:0;right:0;bottom:0;left:0;perspective:150cqw;perspective-origin:50% 20%;opacity:var(--box-o, 1)}.tb-box{position:absolute;left:calc((100cqw - var(--W)) / 2);top:calc(132cqw - var(--D));width:var(--W);height:var(--D);transform-style:preserve-3d;transform-origin:50% 100%;transform:translateY(calc(var(--sink, 0) * 1cqw)) rotateX(64deg)}.tb-box span{position:absolute;display:block;transform-style:preserve-3d}.tb-floor,.tb-wall,.tb-lid-out,.tb-lid-in,.tb-flap-out,.tb-flap-in{backface-visibility:hidden}.tb-shadow{top:-6%;right:-12%;bottom:-14%;left:-12%;transform:translateZ(-1px);background:radial-gradient(closest-side,rgba(25,18,8,.45),rgba(25,18,8,.18) 60%,transparent);filter:blur(6px)}.tb-floor{top:0;right:0;bottom:0;left:0;background:var(--paper),linear-gradient(180deg,#a3845a,#b8976a);box-shadow:inset 0 0 5cqw #32200873}.tb-front,.tb-back{left:0;width:100%;height:var(--H);transform-origin:50% 100%;transform:rotateX(-90deg)}.tb-front{top:calc(var(--D) - var(--H));background:var(--paper),linear-gradient(180deg,#dcc196,#cdae7f 55%,#bf9f70)}.tb-back{top:calc(-1 * var(--H));background:var(--paper),linear-gradient(180deg,#c4a475,#9f8158)}.tb-left,.tb-right{top:0;width:var(--H);height:100%}.tb-left{left:calc(-1 * var(--H));transform-origin:100% 50%;transform:rotateY(90deg);background:var(--paper),linear-gradient(90deg,#fff0d21f,#32200847),url(karton-seite-links.webp) 0 0 / 100% 100%}.tb-right{left:100%;transform-origin:0 50%;transform:rotateY(-90deg);background:var(--paper),linear-gradient(270deg,#fff0d20d,#32200857),url(karton-seite-rechts.webp) 0 0 / 100% 100%}.tb-rim{background:repeating-linear-gradient(90deg,#e9d4ae 0 1px,#c8a776 1px 3px);box-shadow:0 0 0 .5px #50371459}.tb-front>.tb-rim,.tb-back>.tb-rim{left:0;top:0;width:100%;height:var(--T);transform-origin:50% 0;transform:rotateX(-90deg)}.tb-left>.tb-rim{left:0;top:0;width:var(--T);height:100%;transform-origin:0 50%;transform:rotateY(-90deg);background:repeating-linear-gradient(0deg,#e9d4ae 0 1px,#c8a776 1px 3px)}.tb-right>.tb-rim{right:0;top:0;width:var(--T);height:100%;transform-origin:100% 50%;transform:rotateY(90deg);background:repeating-linear-gradient(0deg,#e9d4ae 0 1px,#c8a776 1px 3px)}.tb-ear{top:0;width:calc(var(--W) * 140 / 308);height:100%;opacity:var(--ears-o, 0)}.tb-earshade{top:0;width:9cqw;height:100%;opacity:calc(var(--ears-o, 0) * max(0,1 - var(--ears, 0) * 8))}.tb-earshade-l{left:calc(var(--W) * 140 / 308);transform:translateZ(.4cqw);margin-left:-.5cqw;background:linear-gradient(90deg,rgba(25,15,2,.62),rgba(25,15,2,.25) 40%,transparent)}.tb-earshade-r{right:calc(var(--W) * 140 / 308);transform:translateZ(.4cqw);background:linear-gradient(270deg,rgba(25,15,2,.62),rgba(25,15,2,.25) 40%,transparent)}.tb-ear-l{left:0;transform-origin:0 50%;transform:translateZ(calc(var(--H) - .3cqw)) rotateY(calc(var(--ears, 0) * -125deg))}.tb-ear-r{right:0;transform-origin:100% 50%;transform:translateZ(calc(var(--H) - .3cqw)) rotateY(calc(var(--ears, 0) * 125deg))}.tb-ear-in,.tb-ear-out{top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:.6cqw}.tb-ear-l>.tb-ear-in{background:var(--paper),linear-gradient(90deg,rgba(50,32,8,.12),transparent 40%),url(karton-lasche-links.webp) 0 0 / 100% 100%}.tb-ear-r>.tb-ear-in{background:var(--paper),linear-gradient(270deg,rgba(50,32,8,.12),transparent 40%),url(karton-lasche-rechts.webp) 0 0 / 100% 100%}.tb-ear-out{transform:rotateY(180deg);background:var(--paper),linear-gradient(90deg,#c9a979,#d8bd91)}.tb-fflap{left:0;top:calc(var(--D) - var(--F));width:100%;height:var(--F);transform-origin:50% 100%;transform:translateZ(calc(var(--H) - .05cqw)) rotateX(calc(var(--front, 0) * -268deg));opacity:var(--front-o, 0)}.tb-fflap-out,.tb-fflap-in{top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:.6cqw .6cqw 0 0}.tb-fflap-out{background:var(--paper),url(karton-vorne.webp) 50% 55% / auto 46% no-repeat,linear-gradient(0deg,#d9be92,#ccad7f);box-shadow:0 -1.4cqw 2.4cqw #1e140559}.tb-fflap-in{transform:rotateX(180deg);background:var(--paper),url(karton-vorne.webp) 50% 50% / auto 46% no-repeat,linear-gradient(180deg,#d8bc8f,#c8a878)}.tb-lid{left:0;top:0;width:100%;height:100%;transform-origin:50% 0;transform:translateZ(var(--H)) rotateX(calc(var(--lid, 0) * 1deg))}.tb-lid-out{top:0;right:0;bottom:0;left:0;background:var(--paper),linear-gradient(180deg,#ccad7e,#dcc297)}.tb-lid-out:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(logo.svg) 50% 50% / 46% auto no-repeat;opacity:.82;mix-blend-mode:multiply}.tb-lid-in{top:0;right:0;bottom:0;left:0;transform:rotateX(180deg);background:var(--paper),linear-gradient(180deg,#fff5e11a,#3220081f),url(karton-deckel-innen.webp) 50% 100% / 100% auto no-repeat,var(--kraft);box-shadow:inset 0 0 0 var(--T) #d9bf93}.tb-flap{left:var(--T);top:calc(100% - var(--T));width:calc(100% - 2 * var(--T));height:calc(var(--H) * .62);transform-origin:50% 0;transform:rotateX(calc(-90deg + var(--lid, 0) * .35deg))}.tb-flap-out{top:0;right:0;bottom:0;left:0;background:var(--paper),linear-gradient(180deg,rgba(60,40,10,.35),transparent 14%),linear-gradient(180deg,#c7a777,#b39363);border-radius:0 0 1.2cqw 1.2cqw}.tb-flap-in{top:0;right:0;bottom:0;left:0;transform:rotateX(180deg);background:var(--paper),url(karton-lasche.webp) 50% 0 / 100% auto no-repeat,var(--kraft);border-radius:1.2cqw 1.2cqw 0 0}.tb-packclip{position:absolute;top:0;right:0;bottom:0;left:0;perspective:150cqw;perspective-origin:50% 20%}.tear-box:not(.is-out) .tb-packclip{clip-path:inset(0 0 12.4cqw 0)}.tear-box.is-out .tb-packclip{z-index:1}.tb-pack{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:var(--pack-o, 0);transform:translateY(calc(var(--pack-y, 25) * 1cqw)) scale(var(--pack-s, .365)) rotateX(calc(var(--pack-rx, 64) * 1deg))}.tb-floorpack{left:22%;top:6%;width:56%;height:88%;transform:translateZ(calc(var(--H) - 2cqw));background:url(abriss-00.webp) 50% 50% / 100% 100% no-repeat;opacity:var(--floorpack-o, 1)}.tb-inner{top:0;right:0;bottom:0;left:0}.tb-inner .tb-ear,.tb-inner .tb-fflap{opacity:var(--inner-o, 1)}.tb-inner .tb-earshade{opacity:calc(var(--inner-o, 1) * max(0,1 - var(--ears, 0) * 8))}@media(max-width:700px){.tear-box{--W: 94cqw}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/karton.css.map */