@property --mk-fa{syntax:"<angle>";inherits:true;initial-value:28deg}@property --mk-c{syntax:"<length>";inherits:true;initial-value:0}.mockup{--mk-on:0;--mk-hot:var(--mk-on);--mk-in:calc(.45s + var(--mk-hot) * .4s);width:min(100%, calc(var(--mk-max-h,100000px) * var(--mk-ar,1)));aspect-ratio:var(--mk-ar,1);isolation:isolate;background:radial-gradient(75% 60% at 50% 34%, color-mix(in srgb, var(--ether) 6%, transparent), transparent 72%), linear-gradient(to bottom, color-mix(in srgb, var(--ink-3) 72%, var(--ink)), var(--ink-2) 62%, var(--ink));margin-inline:auto;display:block;position:relative;overflow:hidden;container-type:inline-size}@media (hover:hover){.mockup:is(:hover,[data-card]:hover *,[data-mockup-host]:hover *){--mk-on:1}}.mockup:is([data-card]:has(:focus-visible) *,[data-mockup-host]:has(:focus-visible) *,:has(:focus-visible)){--mk-on:1}html.reduced .mockup{--mk-hot:0}html.reduced .mockup *,html.reduced .mockup :before,html.reduced .mockup :after{transition:none!important}.mockup--bare{background:0 0}.mockup--plain{aspect-ratio:auto;background:0 0;overflow:visible;container-type:normal}.mockup .mk-plain{width:100%;height:auto}.mk-stage{perspective:170cqw;perspective-origin:50% 34%;position:absolute;inset:0}.mockup .mk-img{max-width:none;display:block}.mk-floor{left:0;right:0;top:calc(var(--floor) - 9cqw);background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--ink-deep) 26%, transparent) 9cqw, color-mix(in srgb, var(--ink-deep) 62%, transparent));position:absolute;bottom:0}.mk-floor:before{content:"";background:linear-gradient(to right, transparent, var(--line-faint) 22%, var(--line-faint) 78%, transparent);height:1px;position:absolute;top:9cqw;left:0;right:0}.mk-shadow{left:var(--shx);top:var(--shy);width:var(--shw);height:var(--shh);transform:translate(-50%, -50%) scaleX(calc(1 - var(--mk-hot) * .07));transition:transform var(--mk-in) var(--ease-unfold);background:radial-gradient(closest-side,#03030ecc,#03030e61 45%,#0000);position:absolute}.mk-book{left:var(--left);top:var(--top);width:var(--bw);height:var(--bh);transform-style:preserve-3d;transform:rotateX(-6deg) rotateY(calc(30deg - var(--mk-hot) * 10deg)) translateY(calc(var(--mk-hot) * -.8cqw));transition:transform var(--mk-in) var(--ease-unfold);position:absolute}.mk-book__face{background:var(--ink-2);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;overflow:hidden}.mk-book__front{transform:translateZ(calc(var(--sw) / 2));border-radius:0 .6cqw .6cqw 0;inset:0}.mk-book__spine{top:0;left:calc(var(--sw) * -1);width:var(--sw);transform-origin:100%;height:100%;transform:translateZ(calc(var(--sw) / 2)) rotateY(-90deg)}.mk-book__top{left:0;top:calc(var(--sw) * -1);width:calc(100% - .3cqw);height:var(--sw);transform-origin:50% 100%;transform:translateZ(calc(var(--sw) / 2)) rotateX(90deg);background:linear-gradient(#2b2c45 0 9%,#0000 9% 91%,#2b2c45 91%),repeating-linear-gradient(#28201414 0 .12cqw,#0000 .12cqw .4cqw),#e9e2d0}.mockup .mk-book__img{width:var(--iw);height:100%;position:absolute;top:0}.mk-book__front .mk-book__img{left:var(--fx)}.mk-book__spine .mk-book__img{left:var(--sx)}.mk-book__front:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000004d 0,#0000000f 1.4%,#ffffff24 2.6%,#00000024 4%,#0000 7%),linear-gradient(112deg,#0000 38%,#ffffff12 52%,#0000 66%);position:absolute;inset:0}.mk-book__spine:after{content:"";pointer-events:none;background:linear-gradient(90deg,#06061480,#06061433 32%,#ffffff0f 66%,#0606144d);position:absolute;inset:0}.mk-poster{left:50%;top:var(--top);width:calc(var(--aw) + 2 * var(--fr));padding:var(--fr);transform:translateX(-50%) translateY(calc(var(--mk-hot) * -.5cqw));transition:transform var(--mk-in) var(--ease-unfold);background:linear-gradient(150deg,#36374f,#0e0e1f 45%,#1c1d33);border-radius:.3cqw;position:absolute;box-shadow:inset 0 0 0 .18cqw #ffffff12,0 1.8cqw 3.6cqw #02020c8c,0 .4cqw .8cqw #02020c66}.mockup .mk-poster__art{width:var(--aw);height:var(--ah);object-fit:cover}.mk-poster__glass{inset:var(--fr);pointer-events:none;position:absolute;overflow:hidden;box-shadow:inset 0 .5cqw .9cqw #00000042}.mk-poster__glass:after{content:"";width:60%;transform:translateX(calc(60% + var(--mk-hot) * 140%));transition:transform calc(.6s + var(--mk-hot) * .8s) var(--ease-unfold);background:linear-gradient(105deg,#0000 20%,#ffffff12 50%,#0000 80%);position:absolute;top:0;bottom:0;left:-60%}.mockup--clips .mk-poster{transform-origin:50% 0;transform:translateX(-50%) rotate(calc(-.5deg + var(--mk-hot) * .9deg));transition-duration:calc(.7s + var(--mk-hot) * .6s);background:0 0;border-radius:0;padding:0;box-shadow:0 1.8cqw 3cqw #02020c80,0 .3cqw .6cqw #02020c59}.mockup--clips .mk-poster__glass{box-shadow:none;background:linear-gradient(#ffffff0d,#0000 14%);inset:0}.mk-line{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mk-line path{fill:none;stroke:#ffffff52;stroke-width:1px;vector-effect:non-scaling-stroke}.mk-clip{width:5cqw;height:6.5cqw;position:absolute;top:-3.6cqw;overflow:visible}.mk-clip--l{left:calc(18% - 2.5cqw)}.mk-clip--r{left:calc(82% - 2.5cqw)}.mk-clip__body{fill:#12121c;stroke:#ffffff29;stroke-width:.6px}.mk-clip__wire{fill:none;stroke:#c6c9d8;stroke-width:1.1px;stroke-linejoin:round}.mk-clip__hi{stroke:#ffffff3d;stroke-width:.7px}.mk-standee{left:50%;top:var(--top);width:var(--aw);transform:translateX(-50%) rotateY(calc(var(--mk-hot) * -9deg));transition:transform var(--mk-in) var(--ease-unfold);position:absolute}.mk-standee__bar{z-index:1;background:linear-gradient(#b6b8ca,#6b6d85 45%,#3a3b53);border-radius:.65cqw;height:1.3cqw;margin-inline:-.8cqw;display:block;position:relative;box-shadow:0 .35cqw .5cqw #02020c59}.mk-standee__banner{height:var(--ah);position:relative;overflow:hidden}.mockup .mk-standee__art{object-fit:cover;width:100%;height:100%}.mk-standee__banner:after{content:"";pointer-events:none;background:linear-gradient(#00000038,#0000 2.2% 97.4%,#00000047);position:absolute;inset:0}.mk-standee__base{background:linear-gradient(#a3a5ba 0%,#575971 22%,#2d2e44 70%,#1c1d2f 100%);border-radius:1.2cqw 1.2cqw .7cqw .7cqw;height:5.2cqw;margin-inline:-3.8cqw;display:block;position:relative;box-shadow:inset 0 .25cqw #ffffff40,inset 0 -.5cqw .8cqw #00000059}.mk-standee__base:before{content:"";background:#0b0b16;border-radius:.25cqw;height:.45cqw;position:absolute;top:.45cqw;left:3.4cqw;right:3.4cqw}.mk-standee__base:after{content:"";background:linear-gradient(#2a2b40,#111120) 0 0/5cqw 100% no-repeat,linear-gradient(#2a2b40,#111120) 100% 0/5cqw 100% no-repeat;height:.8cqw;position:absolute;bottom:-.8cqw;left:1.4cqw;right:1.4cqw}.mk-ticket{--mk-flip:0;--mk-tilt:var(--mk-hot);--nr:2.3cqw;left:var(--left);top:var(--top);width:var(--cw);height:var(--ch);color:var(--ether);font:inherit;perspective:150cqw;filter:drop-shadow(0 1.4cqw 1.8cqw #02020c8c)drop-shadow(0 .2cqw .3cqw #02020c59);background:0 0;border:0;margin:0;padding:0;display:block;position:absolute}.mk-ticket--two:not([data-mk-flip]){--mk-flip:var(--mk-hot);--mk-tilt:0}.mk-ticket[aria-pressed=true]{--mk-flip:1}.mk-ticket:focus-visible{outline-offset:1.5cqw}.mk-ticket__card{transform-style:preserve-3d;transform:rotateX(4deg) rotateY(calc(-10deg + var(--mk-flip) * 180deg + var(--mk-tilt) * 6deg));transition:transform calc(.5s + var(--mk-flip) * .4s) var(--ease-unfold);display:block;position:absolute;inset:0}.mk-ticket__face{-webkit-backface-visibility:hidden;backface-visibility:hidden;mask-image:radial-gradient(circle at var(--nx) var(--ny1), #0000 var(--nr), #000 calc(var(--nr) + .6px)), radial-gradient(circle at var(--nx2) var(--ny2), #0000 var(--nr), #000 calc(var(--nr) + .6px)), radial-gradient(circle closest-side, #000 42%, #0000 calc(42% + .6px));mask-size:100% 100%,100% 100%,1.6cqw 1.6cqw;mask-repeat:no-repeat, no-repeat, var(--mk-perf-repeat);mask-position:0 0, 0 0, var(--mk-perf-pos);background:linear-gradient(160deg,#20214a,#15163a);border-radius:1.3cqw;display:block;position:absolute;inset:0;overflow:hidden;mask-composite:intersect,subtract}.mk-ticket--bottom{--nx:0;--nx2:100%;--ny1:var(--ah);--ny2:var(--ah);--mk-perf-repeat:repeat-x;--mk-perf-pos:.8cqw calc(var(--ah) - .8cqw)}.mk-ticket--right{--nx:var(--aw);--nx2:var(--aw);--ny1:0;--ny2:100%;--mk-perf-repeat:repeat-y;--mk-perf-pos:calc(var(--aw) - .8cqw) .8cqw}.mk-ticket__back{transform:rotateY(180deg)}.mockup .mk-ticket__art{width:var(--aw);height:var(--ah);object-fit:cover;position:absolute;top:0;left:0}.mk-ticket__stub{padding:2.2cqw 2.6cqw;display:block;position:absolute}.mk-ticket--bottom .mk-ticket__stub{height:var(--stub);bottom:0;left:0;right:0}.mk-ticket--right .mk-ticket__stub{width:var(--stub);padding:2.6cqw 2.2cqw;top:0;bottom:0;right:0}.mk-ticket__stub:before{content:"";border:1px solid var(--line-faint);border-radius:.6cqw;position:absolute;inset:1.3cqw}.mk-ticket__stub-art{width:100%;height:100%;position:relative}html.reduced .mk-ticket__card{transform:none}html.reduced .mk-ticket__back{opacity:0;transform:none;transition:opacity .18s linear!important}html.reduced .mk-ticket--two:not([data-mk-flip]) .mk-ticket__back{opacity:var(--mk-on)}html.reduced .mk-ticket[aria-pressed=true] .mk-ticket__back{opacity:1}.mk-sticker{left:var(--left);top:var(--top);width:var(--kw);height:var(--kh);transform:rotate(calc(-2.6deg + var(--mk-hot) * 1.4deg)) translateY(calc(var(--mk-hot) * -.8cqw));transition:transform var(--mk-in) var(--ease-unfold);position:absolute}.mk-sticker__lift{--mk-c:calc(var(--curl) * (1 + var(--mk-hot) * .35));filter:drop-shadow(0 1.1cqw 1.3cqw #02020c80)drop-shadow(0 .15cqw .25cqw #02020c59);transition:--mk-c var(--mk-in) var(--ease-unfold);position:absolute;inset:0}.mk-sticker__sheet{padding:var(--kb);border-radius:calc(var(--kb) * 1.6);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--mk-c)), calc(100% - var(--mk-c)) 100%, 0 100%);background:#fbfaf6;position:absolute;inset:0}.mockup .mk-sticker__art{object-fit:cover;border-radius:calc(var(--kb) * .7);width:100%;height:100%}.mk-sticker__curl{width:var(--mk-c);height:var(--mk-c);filter:drop-shadow(-.35cqw -.35cqw .5cqw #02020c4d);position:absolute;bottom:0;right:0}.mk-sticker__curl:before{content:"";clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(to bottom right,#c4c4d0 0%,#e8e8ee 24%,#fff 44%,#f1f1f4 50%);border-top-left-radius:22%;position:absolute;inset:0}.mockup .mk-sticker__die{object-fit:contain;filter:drop-shadow(.5cqw 0 #fff)drop-shadow(-.5cqw 0 #fff)drop-shadow(0 .5cqw #fff)drop-shadow(0 -.5cqw #fff)drop-shadow(.5cqw 0 #fff)drop-shadow(-.5cqw 0 #fff)drop-shadow(0 .5cqw #fff)drop-shadow(0 -.5cqw #fff)drop-shadow(0 1.1cqw 1.3cqw #02020c80);width:100%;height:100%}.mk-shirt{left:calc((100cqw - var(--tw)) / 2);top:var(--top);width:var(--tw);aspect-ratio:400/440;isolation:isolate;filter:drop-shadow(0 1.4cqw 2cqw #02020c80);transform-origin:50% 6%;transform:rotate(calc(var(--mk-hot) * -1.2deg)) translateY(calc(var(--mk-hot) * -.6cqw));transition:transform var(--mk-in) var(--ease-unfold);position:absolute}.mk-shirt__tee,.mk-shirt__folds{width:100%;height:100%;position:absolute;inset:0}.mk-shirt__folds{pointer-events:none;mix-blend-mode:multiply}.mockup .mk-shirt__print{mix-blend-mode:multiply;height:auto;position:absolute}.mk-screen{--mk-page:#191a38;left:var(--left);top:var(--top);width:var(--ww);height:var(--wh);background:var(--mk-page);box-shadow:0 0 0 .16cqw var(--line-soft), 0 2.2cqw 4cqw #02020c8c;transform:rotateX(calc(var(--mk-hot) * 3deg)) rotateY(calc(var(--mk-hot) * -5deg)) translateY(calc(var(--mk-hot) * -.6cqw));transition:transform var(--mk-in) var(--ease-unfold);border-radius:1.6cqw;display:block;position:absolute;overflow:hidden}.mk-screen__bar{height:var(--bar);border-bottom:1px solid var(--line-faint);background:#212245;align-items:center;gap:.9cqw;padding-inline:2cqw;display:flex;position:relative}.mk-screen__bar i{background:#ffffff29;border-radius:50%;flex:none;width:1.1cqw;height:1.1cqw}.mk-screen__url{background:#ffffff0f;border-radius:1.15cqw;width:34cqw;height:2.3cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mk-screen__cover{height:var(--ch);background:var(--ink-2);display:block;position:relative;overflow:hidden}.mockup .mk-screen__cover-img{object-fit:cover;width:100%;height:100%}.mk-screen__profile{height:var(--pf);display:block;position:relative}.mk-screen__avatar{left:4.4cqw;top:calc(var(--av) * -.56);width:var(--av);height:var(--av);background:var(--ink-3);box-shadow:0 0 0 .9cqw var(--mk-page);border-radius:50%;display:block;position:absolute;overflow:hidden}.mockup .mk-screen__avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.mk-screen__avatar-empty{width:100%;height:100%;box-shadow:inset 0 0 0 .2cqw var(--line-soft);border-radius:50%;display:block}.mk-screen__name,.mk-screen__handle,.mk-screen__follow{border-radius:99px;display:block;position:absolute}.mk-screen__name{left:calc(4.4cqw + var(--av) + 2.8cqw);background:#ffffff42;width:24cqw;height:2.2cqw;top:2.4cqw}.mk-screen__handle{left:calc(4.4cqw + var(--av) + 2.8cqw);background:#ffffff1c;width:15cqw;height:1.5cqw;top:5.9cqw}.mk-screen__follow{width:11cqw;height:3.4cqw;box-shadow:inset 0 0 0 .17cqw var(--line);top:2.6cqw;right:4.4cqw}.mk-screen__tabs{border-top:1px solid var(--line-faint);gap:2.6cqw;padding-top:2.2cqw;display:flex;position:absolute;top:12cqw;left:4.4cqw;right:4.4cqw}.mk-screen__tabs i{background:#ffffff1a;border-radius:99px;width:8cqw;height:1.4cqw;display:block}.mk-screen__tabs i:first-child{background:color-mix(in srgb, var(--rose) 62%, transparent)}.mk-flyer{--mk-fa:calc(28deg - var(--mk-hot) * 9deg);left:50%;top:var(--top);width:calc(var(--n) * var(--pw) * cos(var(--mk-fa)));height:var(--ph);transform-style:preserve-3d;transition:--mk-fa var(--mk-in) var(--ease-unfold);position:absolute;transform:translate(-50%)rotateX(-7deg)}.mk-flyer__panel{width:var(--pw);height:var(--ph);transform-origin:0;transform:translate3d(calc(var(--i) * var(--pw) * cos(var(--mk-fa))), 0, calc(var(--odd) * var(--pw) * sin(var(--mk-fa)) * -1)) rotateY(calc(var(--sgn) * var(--mk-fa)));background:#fff;position:absolute;top:0;left:0;overflow:hidden}.mockup .mk-flyer__img{top:0;left:calc(var(--i) * var(--pw) * -1);width:var(--iw);height:100%;position:absolute}.mk-flyer__panel:after{content:"";pointer-events:none;position:absolute;inset:0}.mk-flyer__panel:nth-child(odd):after{opacity:calc(sin(var(--mk-fa)) * 1.9);background:linear-gradient(90deg,#0a0a1e14,#0a0a1e3d)}.mk-flyer__panel:nth-child(2n):after{opacity:calc(sin(var(--mk-fa)) * 1.9);background:linear-gradient(90deg,#0a0a1e1f 0,#ffffff0f 16%,#0000 60%,#0a0a1e0f)}