jco-peel-parcel{display:block;position:relative;background:#fff9ef;color:#4f2f23;isolation:isolate;overflow:hidden}jco-peel-parcel *,jco-peel-parcel *:before,jco-peel-parcel *:after{box-sizing:border-box}jco-peel-parcel [hidden]{display:none!important}jco-peel-parcel .jpp-layout{max-width:1280px;margin:auto;padding:36px 42px 64px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:32px}jco-peel-parcel h2{font:700 clamp(40px,5.4vw,72px)/1.02 Georgia,serif;letter-spacing:-.045em;color:#4f2f23;margin:0 0 22px;max-width:480px}jco-peel-parcel .jpp-copy>p{font:400 clamp(16px,1.6vw,20px)/1.5 Arial,sans-serif;color:#4f2f23;margin:0;max-width:380px}jco-peel-parcel .jpp-copy-star{width:38px;height:38px;object-fit:contain;margin-top:22px;transform:rotate(-10deg)}jco-peel-parcel .jpp-stage{position:relative;height:490px;display:grid;place-items:center;min-width:0}jco-peel-parcel .jpp-mailer{position:absolute;left:2%;top:50%;width:94%;aspect-ratio:1456/1080;transform:translateY(-50%) rotate(-4deg);perspective:1000px}jco-peel-parcel .jpp-open{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;padding:0;border:0;background:transparent;cursor:pointer;color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow:visible}jco-peel-parcel .jpp-front,jco-peel-parcel .jpp-flap{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(3px 9px 10px #4f2f2317)}jco-peel-parcel .jpp-front{clip-path:inset(18.7% 0 0 0);z-index:3;transition:transform .8s ease,opacity .6s ease}jco-peel-parcel .jpp-flap{clip-path:inset(0 0 81.3% 0);z-index:4;transform-origin:50% 18.7%;transition:transform .65s ease,opacity .5s ease}jco-peel-parcel .jpp-opening{position:absolute;left:4%;right:3%;top:18%;height:7%;background:#4f2f23;border-radius:50%;opacity:0;transition:opacity .35s ease;pointer-events:none}jco-peel-parcel .jpp-strip{position:absolute;left:3%;right:2.5%;top:18.2%;height:5px;z-index:5;background:#d0223b;clip-path:inset(0 0 0 0);transition:clip-path .7s ease-in-out;pointer-events:none}jco-peel-parcel .jpp-tab{position:absolute;right:-3%;top:9.5%;width:112px;white-space:nowrap;min-height:42px;padding:9px 12px;display:flex;align-items:center;justify-content:center;gap:10px;background:#d0223b;border-radius:9px 18px 18px 4px;color:#fff;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.04em;box-shadow:0 4px 5px #4f2f2315;transform:rotate(-8deg);z-index:6;transition:transform .8s ease,opacity .7s ease;transform-origin:0 50%}jco-peel-parcel .jpp-tab span{font-size:23px}jco-peel-parcel[data-phase=peeling] .jpp-strip,jco-peel-parcel[data-phase=opening] .jpp-strip,jco-peel-parcel[data-phase=revealed] .jpp-strip{clip-path:inset(0 100% 0 0)}jco-peel-parcel[data-phase=peeling] .jpp-tab,jco-peel-parcel[data-phase=opening] .jpp-tab,jco-peel-parcel[data-phase=revealed] .jpp-tab{transform:translate(-100px,-95px) rotate(-40deg);opacity:0}jco-peel-parcel[data-phase=opening] .jpp-flap,jco-peel-parcel[data-phase=revealed] .jpp-flap{transform:translateY(-30px) rotateX(100deg);opacity:0}jco-peel-parcel[data-phase=opening] .jpp-opening{opacity:1}jco-peel-parcel[data-phase=opening] .jpp-front{transform:translateY(30px);opacity:.85}jco-peel-parcel[data-phase=revealed] .jpp-front{transform:translateY(140px) rotate(6deg);opacity:0}jco-peel-parcel .jpp-reveal{position:relative;z-index:7;width:min(310px,90%);text-align:center}jco-peel-parcel .jpp-reveal-label{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.15em;margin:0 0 14px;color:#4f2f23}jco-peel-parcel .jpp-photo{display:block;width:260px;max-width:100%;aspect-ratio:1;margin:auto;border:4px solid #a8dcfa;border-radius:32px 24px 36px 25px;overflow:hidden;background:#c8d9ec}jco-peel-parcel .jpp-photo img{display:block;width:100%;height:100%;object-fit:cover}jco-peel-parcel h3{font:700 23px/1.15 Georgia,serif;letter-spacing:-.02em;color:#4f2f23;margin:14px 0}jco-peel-parcel .jpp-shop{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 22px;min-height:46px;background:#d0223b;color:#fff;border-radius:28px;font:700 13px/1.3 Arial,sans-serif;text-decoration:none}jco-peel-parcel .jpp-again{display:block;margin:12px auto 0;padding:7px 12px;min-height:38px;background:none;border:0;color:#4f2f23;font:400 13px/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}jco-peel-parcel .jpp-particle{position:absolute;left:50%;top:45%;width:30px;height:30px;object-fit:contain;z-index:9;pointer-events:none}jco-peel-parcel button:focus-visible,jco-peel-parcel a:focus-visible{outline:3px solid #4f2f23;outline-offset:6px}jco-peel-parcel .jpp-open:focus-visible{border-radius:12px}jco-peel-parcel .jpp-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}jco-peel-parcel .jpp-wave{position:absolute;left:0;bottom:-1px;width:100%;height:34px;pointer-events:none}@media(hover:hover){jco-peel-parcel:not([data-phase]) .jpp-open:hover .jpp-tab{transform:translate(3px,-4px) rotate(-12deg)}jco-peel-parcel .jpp-shop:hover{background:#b71c32}}@media(max-width:749px){jco-peel-parcel .jpp-layout{grid-template-columns:1fr;gap:0;padding:32px 20px 42px}jco-peel-parcel .jpp-copy{text-align:center}jco-peel-parcel h2{font-size:42px;max-width:340px;margin:0 auto 14px}jco-peel-parcel .jpp-copy>p{font-size:16px;margin:auto;max-width:290px}jco-peel-parcel .jpp-copy-star{display:none}jco-peel-parcel .jpp-stage{height:430px}jco-peel-parcel .jpp-photo{width:220px}jco-peel-parcel h3{font-size:22px}jco-peel-parcel .jpp-tab{right:-2%;width:95px;min-height:38px;font-size:10px;padding:7px 9px}jco-peel-parcel .jpp-tab span{font-size:20px}jco-peel-parcel .jpp-strip{height:4px}}@media(prefers-reduced-motion:reduce){jco-peel-parcel .jpp-front,jco-peel-parcel .jpp-flap,jco-peel-parcel .jpp-tab,jco-peel-parcel .jpp-strip,jco-peel-parcel .jpp-opening{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/compiled_assets/styles.css.map */