.package{position:relative;width:235px;height:305px;transition:transform .25s;filter:drop-shadow(7px 9px 1px #16161620);text-align:center;user-select:none}.pack-face{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;align-items:center}.packet .pack-face{background:var(--pink);border:2px solid;border-radius:9px 9px 19px 19px;padding:29px 16px 18px;clip-path:polygon(0 0,100% 0,97% 9%,100% 89%,98% 100%,2% 100%,0 89%,3% 9%)}.packet .pack-face:before,.packet .pack-face:after{position:absolute;content:"";left:0;right:0;height:13px;background:repeating-linear-gradient(90deg,#b5557b 0 2px,#efa7c3 2px 6px);border-bottom:1px solid;top:0}.packet .pack-face:after{top:auto;bottom:0;border-bottom:0;border-top:1px solid}.pack-kicker{font-size:10px;letter-spacing:.15em;font-weight:750;position:relative;z-index:1}.pack-title{font-size:39px;line-height:1.1;font-weight:950;letter-spacing:-.04em;margin:12px 0 6px;position:relative;z-index:1}.pack-subtitle{font-size:12px;margin:0;position:relative;z-index:1}.pack-end{position:absolute;bottom:26px;font-size:10px;letter-spacing:.15em;font-weight:750}.burst{width:100px;height:100px;background:var(--yellow);clip-path:polygon(50% 0%,61% 13%,77% 7%,80% 24%,97% 25%,91% 42%,100% 53%,85% 64%,88% 81%,70% 82%,62% 98%,48% 89%,32% 100%,27% 82%,10% 82%,14% 64%,0% 55%,12% 41%,5% 26%,24% 23%,29% 6%,44% 13%);position:relative;margin-top:9px;display:grid;place-items:center;color:var(--ink);font-size:66px;line-height:1}.tiny-star{position:absolute;left:22px;bottom:85px;font-size:24px;transform:rotate(-12deg)}.tiny-star.second{left:auto;right:22px;bottom:58px;font-size:30px}.tin{width:223px;height:291px;perspective:500px}.tin .pack-face{inset:13px 0 7px;background:var(--blue);color:var(--paper);border:2px solid var(--ink);border-radius:44% 44% 30% 30% / 9% 9% 7% 7%;padding:37px 16px 20px;box-shadow:inset 12px 0 20px #ffffff16,inset -16px 0 22px #00000018}.tin:before,.tin:after{content:"";position:absolute;left:0;right:0;top:0;border:2px solid;background:#e9eaed;border-radius:50%;height:33px;z-index:2;box-shadow:inset 0 0 0 6px #b4bbc7}.tin:after{top:auto;bottom:0;height:26px;z-index:-1;background:#a3acbc}.tin .pack-title{font-size:43px;margin-top:5px}.tin .pack-end{bottom:24px;color:var(--paper)}.landscape{width:157px;height:92px;position:relative;margin-top:11px;overflow:hidden}.landscape:before{content:"";position:absolute;width:105px;height:80px;bottom:-32px;left:12px;transform:rotate(45deg);background:var(--paper)}.landscape:after{content:"";position:absolute;width:37px;height:37px;right:5px;top:0;background:var(--yellow);border-radius:50%}.landmark{position:absolute;width:18px;height:35px;background:var(--yellow);left:63px;top:3px;z-index:2;clip-path:polygon(0 100%,0 32%,50% 0,100% 32%,100% 100%)}