.Cassette-module__mCz-hq__cassette{--w:720px;--pad:calc(var(--w) * .018);--r:calc(var(--w) * .015);--label-bg:#f5f1e6;--label-fg:#1a1814;--label-band:#c23a2a;--shell-base:#18171a;--shell-hi:#2e2c30;--shell-lo:#0a0a0c;--shell-rim:#ffffff0f;--spool-color:#0c0b0d;--spool-hub:#d9c79a;--tape-color:#1a1006;--tape-edge:#3a2410;--screw-color:#2a2825;--title-font:"Caveat", cursive;--title-weight:700;--title-size:.092;--sheen-opacity:.07;width:var(--w);aspect-ratio:1.6;border-radius:var(--r);isolation:isolate;font-family:Inter,system-ui,sans-serif;position:relative}.Cassette-module__mCz-hq__shell{border-radius:var(--r);background:linear-gradient(118deg, transparent 35%, rgba(255, 255, 255, var(--sheen-opacity)) 47%, rgba(255, 255, 255, calc(var(--sheen-opacity) * 1.6)) 50%, rgba(255, 255, 255, var(--sheen-opacity)) 53%, transparent 65%), linear-gradient(180deg, var(--shell-hi) 0%, var(--shell-base) 35%, var(--shell-base) 65%, var(--shell-lo) 100%);box-shadow:inset 0 1px 0 var(--shell-rim), inset 0 -1px 0 #0006, inset 1px 0 0 #ffffff06, inset -1px 0 0 #0000004d, 0 calc(var(--w) * .012) calc(var(--w) * .028) #0000004d, 0 calc(var(--w) * .04) calc(var(--w) * .08) #00000038;position:absolute;inset:0}.Cassette-module__mCz-hq__translucent .Cassette-module__mCz-hq__shell:before{content:"";border-radius:var(--r);mix-blend-mode:screen;pointer-events:none;background:radial-gradient(120% 80% at 30% 20%,#ffffff1a,#0000 60%),radial-gradient(120% 80% at 70% 90%,#ffffff0f,#0000 65%);position:absolute;inset:0}.Cassette-module__mCz-hq__topStrip{pointer-events:none;background:linear-gradient(#00000059,#0000000d);border-radius:1px;height:4%;position:absolute;top:2.4%;left:6%;right:6%;box-shadow:inset 0 1px #ffffff0a}.Cassette-module__mCz-hq__label{border-radius:calc(var(--w) * .004);background:var(--label-bg);height:50%;color:var(--label-fg);box-shadow:inset 0 0 0 1px #0000000f, 0 1px 0 #ffffff1a, 0 calc(var(--w) * .003) calc(var(--w) * .008) #0003;position:absolute;top:8%;left:5%;right:5%;overflow:hidden}.Cassette-module__mCz-hq__label:before{content:"";pointer-events:none;mix-blend-mode:multiply;opacity:.6;background:radial-gradient(1px 1px at 20% 30%,#0000000f 100%,#0000 100%) 0 0/8px 8px,radial-gradient(1px 1px at 70% 60%,#0000000a 100%,#0000 100%) 0 0/11px 11px,radial-gradient(1px 1px at 40% 80%,#0000000d 100%,#0000 100%) 0 0/13px 13px,radial-gradient(1px 1px at 85% 15%,#00000008 100%,#0000 100%) 0 0/9px 9px,repeating-linear-gradient(90deg,#00000003 0 2px,#0000 2px 4px) 0 0/100% 100%,repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 3px) 0 0/100% 100%;position:absolute;inset:0}.Cassette-module__mCz-hq__labelTint{pointer-events:none;position:absolute;inset:0}.Cassette-module__mCz-hq__labelBand{background:var(--label-band);height:18%;padding:0 calc(var(--w) * .018);font-family:var(--font-cassette-space-mono), monospace;font-size:calc(var(--w) * .018);letter-spacing:.18em;text-transform:uppercase;color:#ffffffeb;justify-content:space-between;align-items:center;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.Cassette-module__mCz-hq__titleArea{left:calc(var(--w) * .022);right:calc(var(--w) * .022);flex-direction:column;justify-content:center;display:flex;position:absolute;top:22%;bottom:22%;overflow:hidden}.Cassette-module__mCz-hq__title{font-family:var(--title-font);font-weight:var(--title-weight);font-size:max(13px, calc(var(--w) * var(--title-size) * var(--title-shrink,1)));letter-spacing:-.005em;text-wrap:balance;line-height:.95}.Cassette-module__mCz-hq__author{margin-top:calc(var(--w) * .012);font-family:var(--font-cassette-caveat), cursive;font-weight:500;font-size:calc(var(--w) * .034);opacity:.78;line-height:1}.Cassette-module__mCz-hq__meta{left:calc(var(--w) * .022);right:calc(var(--w) * .022);bottom:calc(var(--w) * .006);font-family:var(--font-cassette-space-mono), monospace;font-size:calc(var(--w) * .018);letter-spacing:.16em;text-transform:uppercase;opacity:.72;justify-content:space-between;align-items:flex-end;font-weight:700;display:flex;position:absolute}.Cassette-module__mCz-hq__side{align-items:center;gap:.4em;display:inline-flex}.Cassette-module__mCz-hq__sideLetter{width:calc(var(--w) * .028);height:calc(var(--w) * .028);font-size:calc(var(--w) * .018);border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.Cassette-module__mCz-hq__mech{position:absolute;inset:60% 5% 7%}.Cassette-module__mCz-hq__tapeWindow{height:24%;box-shadow:inset 0 calc(var(--w) * .003) calc(var(--w) * .006) #0009, inset 0 -1px 0 #ffffff0f;background:linear-gradient(#0000008c,#000000d9);position:absolute;top:38%;left:0;right:0}.Cassette-module__mCz-hq__tapeWindow:before{content:"";background:linear-gradient(180deg, var(--tape-edge) 0%, var(--tape-color) 30%, var(--tape-color) 70%, var(--tape-edge) 100%);height:40%;box-shadow:0 0 calc(var(--w) * .003) #0006;position:absolute;top:30%;left:0;right:0}.Cassette-module__mCz-hq__spool{aspect-ratio:1;background:radial-gradient(circle at center, var(--spool-color) 0%, var(--spool-color) 38%, transparent 39%), radial-gradient(circle at center, #0009 0%, #0000004d 60%, #0000 70%);width:26%;box-shadow:inset 0 0 0 1px #ffffff0d, inset 0 calc(var(--w) * .002) calc(var(--w) * .004) #00000080;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.Cassette-module__mCz-hq__spoolLeft{left:7%}.Cassette-module__mCz-hq__spoolRight{right:7%}.Cassette-module__mCz-hq__reel{background:repeating-radial-gradient(circle at center, var(--tape-color) 0, var(--tape-color) calc(var(--w) * .0025), var(--tape-edge) calc(var(--w) * .0025), var(--tape-edge) calc(var(--w) * .005));box-shadow:inset 0 0 calc(var(--w) * .006) #000000b3, 0 0 0 1px #0006;border-radius:50%;position:absolute;inset:12%}.Cassette-module__mCz-hq__hub{background:conic-gradient(var(--spool-hub) 0deg, var(--spool-hub) 15deg, var(--spool-color) 15deg, var(--spool-color) 45deg, var(--spool-hub) 45deg, var(--spool-hub) 75deg, var(--spool-color) 75deg, var(--spool-color) 105deg, var(--spool-hub) 105deg, var(--spool-hub) 135deg, var(--spool-color) 135deg, var(--spool-color) 165deg, var(--spool-hub) 165deg, var(--spool-hub) 195deg, var(--spool-color) 195deg, var(--spool-color) 225deg, var(--spool-hub) 225deg, var(--spool-hub) 255deg, var(--spool-color) 255deg, var(--spool-color) 285deg, var(--spool-hub) 285deg, var(--spool-hub) 315deg, var(--spool-color) 315deg, var(--spool-color) 345deg, var(--spool-hub) 345deg);box-shadow:inset 0 0 0 calc(var(--w) * .002) #0006, 0 0 0 1px #00000080;border-radius:50%;position:absolute;inset:36%}.Cassette-module__mCz-hq__hub:after{content:"";background:var(--spool-color);border-radius:50%;position:absolute;inset:24%;box-shadow:inset 0 0 0 1px #ffffff0a}.Cassette-module__mCz-hq__pad{width:8%;height:5%;box-shadow:0 0 calc(var(--w) * .002) #0009;background:linear-gradient(#4a3d35,#2a221c);border-radius:1px;position:absolute;top:38%;left:50%;transform:translate(-50%)}.Cassette-module__mCz-hq__screw{width:calc(var(--w) * .018);height:calc(var(--w) * .018);background:radial-gradient(circle at 35% 30%,#888,#2a2825 70%);border-radius:50%;position:absolute;box-shadow:inset 0 0 0 1px #00000073,0 1px #ffffff0d}.Cassette-module__mCz-hq__screw:before{content:"";background:linear-gradient(#0000 45%,#000000b3 45% 55%,#0000 55%),linear-gradient(90deg,#0000 45%,#000000b3 45% 55%,#0000 55%);position:absolute;inset:28%}.Cassette-module__mCz-hq__screwTL{top:2.2%;left:2.4%}.Cassette-module__mCz-hq__screwTR{top:2.2%;right:2.4%}.Cassette-module__mCz-hq__screwBL{bottom:6%;left:2.4%}.Cassette-module__mCz-hq__screwBR{bottom:6%;right:2.4%}.Cassette-module__mCz-hq__screwC{top:50%;left:50%;transform:translate(-50%,-50%)}.Cassette-module__mCz-hq__bottomHoles{justify-content:space-between;align-items:center;height:3.2%;display:flex;position:absolute;bottom:1.6%;left:12%;right:12%}.Cassette-module__mCz-hq__bottomHoles>i{width:calc(var(--w) * .012);height:calc(var(--w) * .012);background:radial-gradient(circle at center, #000 0%, #0a0a0c 70%, var(--shell-base) 100%);border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #ffffff0a}.Cassette-module__mCz-hq__bottomHoles>i:nth-child(3){width:calc(var(--w) * .022);height:calc(var(--w) * .022)}.Cassette-module__mCz-hq__sunsetTint{background:linear-gradient(#2a0a3a 0%,#6c1c6e 20%,#d0407c 45%,#ff8a5b 75%,#ffcf6b 100%)}.Cassette-module__mCz-hq__sunsetSun{aspect-ratio:2;pointer-events:none;background:radial-gradient(at bottom,#ffe46b 0%,#ff8a5b 45%,#0000 70%);width:38%;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.Cassette-module__mCz-hq__sunsetGrid{background:repeating-linear-gradient(90deg, transparent 0, transparent calc(var(--w) * .014), #ff50c899 calc(var(--w) * .014), #ff50c899 calc(var(--w) * .0155)), repeating-linear-gradient(0deg, transparent 0, transparent calc(var(--w) * .008), #ff50c880 calc(var(--w) * .008), #ff50c880 calc(var(--w) * .0095));pointer-events:none;height:28%;position:absolute;bottom:0;left:0;right:0;-webkit-mask:linear-gradient(#0000 0%,#000 40% 100%);mask:linear-gradient(#0000 0%,#000 40% 100%)}.Cassette-module__mCz-hq__outrunTint{background:linear-gradient(#0000 0%,#ff28822e 100%),radial-gradient(at 50% 110%,#ff3ea0 0%,#0000 55%),#0a0820}.Cassette-module__mCz-hq__outrunGrid{background:repeating-linear-gradient(0deg, transparent 0 calc(var(--w) * .018), #00fff0a6 calc(var(--w) * .018) calc(var(--w) * .02)), repeating-linear-gradient(90deg, transparent 0 calc(var(--w) * .022), #ff28c88c calc(var(--w) * .022) calc(var(--w) * .024));transform-origin:bottom;pointer-events:none;height:60%;position:absolute;bottom:0;left:0;right:0;transform:perspective(220px)rotateX(58deg);-webkit-mask:linear-gradient(#0000 0%,#000 30%);mask:linear-gradient(#0000 0%,#000 30%)}.Cassette-module__mCz-hq__chromeTint{background-blend-mode:multiply;background:linear-gradient(#e8e9eb 0%,#c8cbcf 20%,#f4f5f6 35%,#b5b8bd 55%,#d7dadd 75%,#9aa0a6 100%),repeating-linear-gradient(0deg,#0000000a 0 1px,#0000 1px 3px)}.Cassette-module__mCz-hq__lofiTint{background:radial-gradient(at 20% 30%,#7850282e,#0000 40%),radial-gradient(at 80% 70%,#a06e3c29,#0000 45%),radial-gradient(circle at 65% 25%,#5032141f,#0000 18%),linear-gradient(#efe2c4 0%,#e3d4ad 100%)}.Cassette-module__mCz-hq__y2kTint{filter:saturate(1.05);background:linear-gradient(115deg,#c5e8ff 0%,#ffd6f5 18%,#fff3c1 36%,#c2ffe2 54%,#d4d0ff 72%,#ffd0e0 88%,#c5e8ff 100%)}.Cassette-module__mCz-hq__pastelTint{background:linear-gradient(160deg,#ffd6e8 0%,#d6e8ff 50%,#e8d6ff 100%)}