.dojo-tear{position:relative;overflow:visible;border-radius:var(--radius-card, 16px);isolation:isolate;--tear-ms: .95s}.dojo-tear__stage{position:relative;aspect-ratio:1 / 1;border-radius:inherit;overflow:hidden;background:var(--dojo-navy-deep, #0F1C3F)}.dojo-tear__bar{position:absolute;left:50%;bottom:6%;width:62%;transform:translate(-50%) translateY(18%) rotate(-4deg) scale(.96);opacity:0;transition:transform var(--tear-ms) cubic-bezier(.22,.9,.3,1),opacity calc(var(--tear-ms) * .5) ease;transition-delay:calc(var(--tear-ms) * .28);filter:drop-shadow(0 14px 24px rgba(0,0,0,.45));z-index:1}.dojo-tear__wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transition:clip-path var(--tear-ms) cubic-bezier(.7,0,.3,1);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.dojo-tear__wrapper img{width:100%;height:100%;object-fit:contain;display:block}.dojo-tear__flap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;clip-path:polygon(58% 0,100% 0,100% 46%);transform-origin:79% 2%;transition:transform var(--tear-ms) cubic-bezier(.34,1.3,.4,1),opacity calc(var(--tear-ms) * .8) ease;will-change:transform}.dojo-tear__flap img{width:100%;height:100%;object-fit:contain;display:block}.dojo-tear__flap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(58% 0,60% 0,100% 44%,100% 46%);background:var(--dojo-teal, #2DD4BF);opacity:0;transition:opacity calc(var(--tear-ms) * .4) ease}.dojo-tear__ripline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:0;transition:opacity calc(var(--tear-ms) * .5) ease}.dojo-tear__ripline svg{width:100%;height:100%}.dojo-tear.is-torn .dojo-tear__flap,.dojo-tear:hover .dojo-tear__flap{transform:rotate(38deg) translate(9%,-14%) scale(1.04)}.dojo-tear.is-torn .dojo-tear__flap:after,.dojo-tear:hover .dojo-tear__flap:after{opacity:.9}.dojo-tear.is-torn .dojo-tear__wrapper,.dojo-tear:hover .dojo-tear__wrapper{clip-path:polygon(0 0,58% 0,63% 6%,60% 10%,68% 15%,66% 20%,75% 25%,74% 31%,84% 35%,83% 40%,100% 46%,100% 100%,0 100%)}.dojo-tear.is-torn .dojo-tear__bar,.dojo-tear:hover .dojo-tear__bar{transform:translate(-50%) translateY(-34%) rotate(3deg) scale(1);opacity:1}.dojo-tear.is-torn .dojo-tear__ripline,.dojo-tear:hover .dojo-tear__ripline{opacity:1}.dojo-tear__hint{position:absolute;top:12px;right:12px;z-index:5;background:var(--dojo-teal, #2DD4BF);color:var(--dojo-navy, #0B1426);font-weight:800;font-size:.72rem;letter-spacing:.06em;padding:6px 12px;border-radius:999px;animation:dojoHintPulse 2.2s ease-in-out infinite;pointer-events:none}@keyframes dojoHintPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.dojo-tear.is-torn .dojo-tear__hint,.dojo-tear:hover .dojo-tear__hint{opacity:0;transition:opacity .3s}@media(prefers-reduced-motion:reduce){.dojo-tear__flap,.dojo-tear__wrapper,.dojo-tear__bar{transition-duration:1ms!important;transition-delay:0ms!important}.dojo-tear__hint{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/dojo-tear.css.map */