@layer components{.ui-pack{--mx:.5;--my:.5;--on:0;--tilt:8;--rz:0deg;width:var(--ui-w,300px);vertical-align:top;perspective:1100px;-webkit-tap-highlight-color:transparent;touch-action:pan-y;max-width:100%;display:inline-block;position:relative}.ui-pack[data-size=fill]{width:100%;display:block}.ui-pack-body{transform:rotateZ(var(--rz)) rotateX(calc((.5 - var(--my)) * var(--tilt) * 2deg)) rotateY(calc((var(--mx) - .5) * var(--tilt) * 2deg));filter:drop-shadow(0 calc(12px + var(--on) * 6px) 16px #281e0f52) drop-shadow(0 2px 2px #281e0f2e);position:relative}.ui-pack-shape{aspect-ratio:124/100;clip-path:var(--sil);isolation:isolate;background:#c9ced8;position:relative;overflow:hidden}.ui-pack-shape>i{pointer-events:none;display:block;position:absolute;inset:0}.ui-pack-foil{background-color:#c9ced8;background-image:linear-gradient(102deg,#a9afba 0%,#eef1f6 8%,#b8bec9 15%,#f8f9fb 23%,#a2a8b4 32%,#e2e6ed 42%,#fcfcfd 49%,#adb3be 58%,#eff1f5 68%,#9ea4b0 79%,#e9ecf2 88%,#b3b9c4 100%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:220% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;background-position:calc(var(--mx) * 100%) 0}.ui-pack-irid{background:var(--foil);background-size:160% 160%;background-position:calc(100% - var(--mx) * 100%) calc(var(--my) * 100%);mix-blend-mode:color;opacity:calc(.5 + var(--on) * .3);-webkit-mask-image:radial-gradient(120% 100% at calc(var(--mx) * 100%) calc(var(--my) * 100%), #000 0%, #00000073 60%, #0003 100%);-webkit-mask-image:radial-gradient(120% 100% at calc(var(--mx) * 100%) calc(var(--my) * 100%), #000 0%, #00000073 60%, #0003 100%);mask-image:radial-gradient(120% 100% at calc(var(--mx) * 100%) calc(var(--my) * 100%), #000 0%, #00000073 60%, #0003 100%)}.ui-pack-ribs{background:repeating-linear-gradient(90deg,#ffffff8c 0 1px,#5a606e4d 1px 2.5px,#0000 2.5px 4px) top/100% 7.6% no-repeat,repeating-linear-gradient(90deg,#ffffff8c 0 1px,#5a606e4d 1px 2.5px,#0000 2.5px 4px) bottom/100% 7.6% no-repeat,linear-gradient(#3c404a33,#0000 1.4% 7.2%,#3c404a4d 7.7%,#0000 10%) top/100% 100% no-repeat,linear-gradient(#0000 90%,#3c404a4d 92.3%,#0000 92.8% 98.6%,#3c404a33) bottom/100% 100% no-repeat}.ui-pack-pillow{mix-blend-mode:multiply;background:linear-gradient(90deg,#1e20283d 0%,#1e202800 9%,#fff0 88%,#1e202847 100%),linear-gradient(#1e202800 8%,#ffffff24 22%,#fff0 46%,#1e20281f 90%)}.ui-pack-glare{background:radial-gradient(farthest-corner circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #ffffffe6 0%, #ffffff38 22%, #fff0 48%);mix-blend-mode:soft-light;opacity:calc(.35 + var(--on) * .65)}.ui-pack-print{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ui-pack-mono{font-family:var(--font-mono);letter-spacing:.06em}.ui-pack-ticker text{font-family:var(--font-display);letter-spacing:-.01em;stroke-linejoin:round;font-weight:900}.ui-pack-ribbon{mix-blend-mode:multiply}}@media (prefers-reduced-motion:reduce){.ui-pack-body{transform:rotateZ(var(--rz))}}