.cassette{--font-hand:"Caveat",cursive;--shadow:34,28,18}.cassette,.cassette *,.cassette :before,.cassette :after{box-sizing:border-box}.cassette{aspect-ratio:340/216;--tape-mins:45;--tape-pos:.667;--tape-total:calc(52.5px * var(--tape-mins) / 45);--tape-rl:calc(39px + var(--tape-total) * (1 - var(--tape-pos)));--tape-rr:calc(39px + var(--tape-total) * var(--tape-pos));--shell:#3a3632;--spool:#b3984f;--shell-hi:color-mix(in oklab, var(--shell), white 8%);--shell-soft:color-mix(in oklab, var(--shell), white 4%);--shell-lo:color-mix(in oklab, var(--shell), black 4%);--shell-dk:color-mix(in oklab, var(--shell), black 25%);--tape-co:#44261a;--clamp-co:#0e0b09;--roller-co:#100d0b;--screw-co:#cbc9c6;--frost-src:var(--shell);border-radius:8px;width:289px;text-decoration:none;display:block;position:relative}.cs-body{isolation:isolate;border-radius:8px;display:block;position:absolute;inset:0}.cs-shade{--cs-shade-k:6px;inset:var(--cs-shade-k);pointer-events:none;border-radius:calc(8px - var(--cs-shade-k));box-shadow:0 2px 0 var(--cs-shade-k) rgba(var(--shadow),.04), 0 16px 30px calc(var(--cs-shade-k) - 20px) rgba(var(--shadow),.6);display:block;position:absolute}.cs-blur{transform-origin:0 0;pointer-events:none;border-radius:8px;width:340px;height:216px;display:none;position:absolute;top:0;left:0;transform:scale(.85)}.cs-inner{transform-origin:0 0;background:linear-gradient(var(--shell-hi),var(--shell));width:340px;height:216px;mask-repeat:no-repeat;mask-image:linear-gradient(#000,#000), radial-gradient(circle at -33px 21px, #000 calc(var(--tape-rl) - .5px), transparent var(--tape-rl)), radial-gradient(circle at 111px 21px, #000 calc(var(--tape-rr) - .5px), transparent var(--tape-rr)), radial-gradient(circle at 98px 99px, #000 18.5px, transparent 19px), radial-gradient(circle at 242px 99px, #000 18.5px, transparent 19px), radial-gradient(circle at 92px 202px, #000 6px, transparent 6.5px), radial-gradient(circle at 248px 202px, #000 6px, transparent 6.5px), url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='12'><rect width='13' height='12' rx='2.5' fill='black'/></svg>"), url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='12'><rect width='13' height='12' rx='2.5' fill='black'/></svg>"), linear-gradient(#000,#000);border-radius:8px;display:block;position:absolute;top:0;left:0;transform:scale(.85);box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1.5px #00000059;mask-position:131px 78px,131px 78px,131px 78px,0 0,0 0,0 0,0 0,118.6px 192.6px,208.4px 192.6px,0 0;mask-size:78px 42px,78px 42px,78px 42px,100% 100%,100% 100%,100% 100%,100% 100%,13px 12px,13px 12px,100% 100%;mask-composite:exclude,exclude,exclude,exclude,exclude,exclude,exclude,exclude,exclude,add}.cs-top{transform-origin:0 0;pointer-events:none;width:340px;height:216px;display:block;position:absolute;top:0;left:0;transform:scale(.85)}.cs-top:before,.cs-top:after{content:"";background:linear-gradient(color-mix(in oklab, var(--shell), black 10%), color-mix(in oklab, var(--shell), black 16%));width:3px;height:55px;position:absolute;bottom:18px}.cs-top:before{clip-path:polygon(100% 0,100% 100%,0 calc(100% - 2.5px),0 2.5px);left:-2.5px}.cs-top:after{clip-path:polygon(0 0,0 100%,100% calc(100% - 2.5px),100% 2.5px);right:-2.5px}.cs-teeth{background:repeating-conic-gradient(from -7deg, var(--spool) 0 14deg, transparent 14deg 60deg);border-radius:50%;width:42px;height:42px;position:absolute;top:78px;-webkit-mask:radial-gradient(circle,#0000 13px,#000 13.5px 19.5px,#0000 20px);mask:radial-gradient(circle,#0000 13px,#000 13.5px 19.5px,#0000 20px)}.cs-teeth.l{left:77px}.cs-teeth.r{left:221px}.cs-label{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%,0 10px);filter:drop-shadow(0 1px 1px #00000059);border-radius:2.5px;height:134px;position:absolute;top:20px;left:21px;right:21px;mask-image:linear-gradient(#000,#000),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='203' height='61'><rect width='203' height='61' rx='30.5' fill='black'/></svg>");mask-position:0 0,47.5px 48.5px;mask-size:100% 100%,203px 61px;mask-repeat:no-repeat;mask-composite:exclude}.cassette[data-label=stripes] .cs-label{background:var(--lp,#ded6c3)}.cassette[data-label=stripes] .cs-band{background:linear-gradient(var(--la,#de4a28) 0 20%, var(--lb,#ec8b2b) 20% 40%, var(--lc,#f4c44f) 40% 60%, var(--lb,#ec8b2b) 60% 80%, var(--la,#de4a28) 80% 100%);height:60px;position:absolute;top:49px;left:0;right:0}.cassette[data-label=ocean] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-label=ocean] .cs-band{background:linear-gradient(180deg, var(--lb,#c8553d) 0 4px, var(--lp,#e8e4d8) 4px 8px, var(--la,#35678a) 8px 38px, color-mix(in srgb, var(--la,#35678a) 90%, #000) 38px 100%);height:60px;position:absolute;top:49px;left:0;right:0}.cs-lines{z-index:1;position:absolute;inset:0}.cs-line{font-family:var(--font-hand);color:#332a1e;white-space:pre;text-align:left;text-rendering:geometricprecision;letter-spacing:normal;word-spacing:normal;text-transform:none;font-variant:normal;font-feature-settings:normal;font-kerning:auto;font-variation-settings:normal;font-optical-sizing:auto;font-size-adjust:none;text-indent:0;direction:ltr;unicode-bidi:isolate;font-size:14.5px;font-style:normal;font-weight:600;font-stretch:100%;line-height:1.15;position:absolute;top:0;left:0}.cs-rule{z-index:1;pointer-events:none;display:none;position:absolute;top:0;left:13px;right:13px}.cassette[data-ink-rules=double] .cs-rule{border-top:1px solid var(--rule-co,#b59a5e);border-bottom:1px solid var(--rule-co,#b59a5e);height:3px;display:block}.cassette[data-ink-rules=single] .cs-rule{background:var(--rule-co,#b59a5e);height:1.5px;display:block}.cs-side{color:#e6dfcd;text-align:center;background:#16130f;border-radius:2px;width:17px;height:16px;font-family:Georgia,Times New Roman,serif;font-size:11.5px;font-style:normal;font-weight:700;line-height:16px;position:absolute;bottom:4px;left:7px}.cs-panel{background:linear-gradient(color-mix(in oklab, var(--shell), white 11%),color-mix(in oklab, var(--shell), black 6%));border-radius:33px;justify-content:space-between;align-items:center;width:205px;height:63px;padding:0 9.5px;display:flex;position:absolute;top:67.5px;left:67.5px;box-shadow:0 0 0 1px #0000001f,inset 0 2px #ffffff2e,inset 0 -2px #00000029;mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-position:0 0,63.5px 10.5px;mask-size:100% 100%,78px 42px;mask-repeat:no-repeat;mask-composite:exclude}.cassette[data-shell=solid][data-raised-panel=rect]:not([data-window=none]) .cs-panel{border-radius:5px;width:215px;height:67px;padding:0 14.5px;top:65.5px;left:62.5px;mask-position:0 0,68.5px 12.5px}.cs-reel{width:42px;height:42px;box-shadow:inset 0 0 0 2px var(--spool), 0 0 0 1.5px #00000038;background:0 0;border-radius:50%;flex:none;position:relative}.cs-guts{clip-path:inset(78px 131px 96px);position:absolute;inset:0}.cassette[data-shell=clear] .cs-guts{clip-path:none}.cs-guts:before,.cs-guts:after{content:"";z-index:1;border-radius:50%;position:absolute;-webkit-mask:radial-gradient(circle,#0000 38.5px,#000 39px);mask:radial-gradient(circle,#0000 38.5px,#000 39px)}.cs-guts:before{left:calc(98px - var(--tape-rl));top:calc(99px - var(--tape-rl));width:calc(var(--tape-rl) * 2);height:calc(var(--tape-rl) * 2);background:radial-gradient(circle closest-side, transparent calc(var(--tape-rl) - 5.5px), color-mix(in oklab, var(--tape-co), white 18%) calc(var(--tape-rl) - 2px) var(--tape-rl)), repeating-radial-gradient(circle closest-side, var(--tape-co) 0 1.75px, color-mix(in oklab, var(--tape-co), black 13%) 1.75px 3.5px)}.cs-guts:after{left:calc(242px - var(--tape-rr));top:calc(99px - var(--tape-rr));width:calc(var(--tape-rr) * 2);height:calc(var(--tape-rr) * 2);background:radial-gradient(circle closest-side, transparent calc(var(--tape-rr) - 5.5px), color-mix(in oklab, var(--tape-co), white 18%) calc(var(--tape-rr) - 2px) var(--tape-rr)), repeating-radial-gradient(circle closest-side, var(--tape-co) 0 1.75px, color-mix(in oklab, var(--tape-co), black 13%) 1.75px 3.5px)}.cs-mech{width:160px;height:48px;display:none;position:absolute;top:164px;left:90px}.cs-mech:before{content:"";background:linear-gradient(90deg,#19151242 0 5px,#19151221 5px calc(100% - 5px),#19151242 calc(100% - 5px));border-radius:1px;width:56px;height:4.5px;position:absolute;top:27px;left:52px}.cs-mech:after{content:"";background:repeating-linear-gradient(#261e19cc 0 1.6px,#92857880 1.6px 3px);border-radius:1px;width:11px;height:7px;position:absolute;top:39.5px;left:74.5px;box-shadow:0 0 0 .5px #00000047}.cassette[data-shell=clear] .cs-mech{display:block}.cs-chamber,.cs-machinery{pointer-events:none;width:340px;height:216px;display:none;position:absolute;inset:0}.cassette[data-shell=clear] .cs-chamber{z-index:-1;filter:blur(.7px);display:block}.cassette[data-shell=clear] .cs-machinery{display:block}.cs-machinery .cs-mould{filter:blur(.7px)}.cs-machinery .cs-metal{filter:blur(1.4px)}.cs-chamber path,.cs-mwall{fill:color-mix(in srgb, color-mix(in oklab, var(--shell), black 28%) 45%, transparent)}.cs-mwall{stroke:color-mix(in srgb, color-mix(in oklab, var(--shell), black 45%) 65%, transparent);stroke-width:.6px}.cs-mframe{fill:none;stroke:color-mix(in srgb, color-mix(in oklab, var(--shell), black 45%) 65%, transparent);stroke-width:1.2px}.cs-mpin{fill:#1e1a188c}.cs-mpin2{fill:#1e1a1852}.cs-mshield{fill:#b8b8b357}.cs-mplate{fill:#b8b8b37a}.cs-tapewin{width:78px;height:42px;position:relative}.cs-ruler{background:repeating-linear-gradient(90deg,#a98c4a 0 1.5px,#0000 1.5px 6.25px) 0/100% 9px no-repeat,linear-gradient(#a98c4a,#a98c4a) 0/100% 1.5px no-repeat;width:39px;height:16px;position:absolute;top:91px;left:150.5px}.cs-trap{background:var(--shell-dk);clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);width:228px;height:55px;margin-left:-114px;position:absolute;bottom:0;left:50%}.cs-trap:before{content:"";background:linear-gradient(var(--shell-soft),var(--shell-lo));clip-path:polygon(3.1% 0,96.9% 0,100% 100%,0 100%);position:absolute;inset:2px 2px 0}.cassette[data-shell=clear] .cs-inner{background:linear-gradient(115deg, #ffffff24, #ffffff08 32%, #fff0 55%, #ffffff17), linear-gradient(color-mix(in srgb, var(--shell) 32%, transparent), color-mix(in srgb, var(--shell) 44%, transparent));box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1.5px #00000038}.cassette[data-shell=clear] .cs-inner,.cassette[data-shell=clear] .cs-blur{mask-image:radial-gradient(circle at 98px 99px,#000 18.5px,#0000 19px),radial-gradient(circle at 242px 99px,#000 18.5px,#0000 19px),radial-gradient(circle at 92px 202px,#000 6px,#0000 6.5px),radial-gradient(circle at 248px 202px,#000 6px,#0000 6.5px),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='12'><rect width='13' height='12' rx='2.5' fill='black'/></svg>"),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='12'><rect width='13' height='12' rx='2.5' fill='black'/></svg>"),linear-gradient(#000,#000);mask-position:0 0,0 0,0 0,0 0,118.6px 192.6px,208.4px 192.6px,0 0;mask-size:100% 100%,100% 100%,100% 100%,100% 100%,13px 12px,13px 12px,100% 100%;mask-composite:exclude,exclude,exclude,exclude,exclude,exclude,add}.cassette[data-shell=clear] .cs-panel{box-shadow:none;background:0 0;mask:none}.cassette[data-shell=clear] .cs-guts{filter:blur(.5px)}.cassette[data-shell=clear] .cs-blur{backdrop-filter:blur(1px);display:block}.cassette[data-shell=clear] .cs-trap{background:#16120e29}.cassette[data-shell=clear] .cs-trap:before{background:repeating-linear-gradient(#0000000d 0 1.5px, transparent 1.5px 4.5px), linear-gradient(color-mix(in srgb, var(--shell) 5%, transparent), color-mix(in srgb, var(--shell) 8%, transparent));box-shadow:inset 0 2px 3px #0000001a}.cassette[data-shell=clear]:not([data-frost-shape=paper]) .cs-label{filter:none;clip-path:none;background:var(--frost-veil,linear-gradient(transparent,transparent)), url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>"), linear-gradient(color-mix(in srgb, color-mix(in oklab, var(--frost-src), white var(--frost-wh1,64%)) var(--frost-a1,70%), transparent), color-mix(in srgb, color-mix(in oklab, var(--frost-src), white var(--frost-wh2,48%)) var(--frost-a2,60%), transparent));border-radius:2px;height:54px;top:12px;left:24px;right:24px;mask:none}.cassette[data-shell=clear]:not([data-frost-shape=paper]) .cs-band{display:none}.cassette[data-shell=clear] .cs-ruler{background:repeating-linear-gradient(90deg,#f8f6f299 0 1.5px,#0000 1.5px 6.25px) 0/100% 9px no-repeat,linear-gradient(#f8f6f299,#f8f6f299) 0/100% 1.5px no-repeat}.cassette[data-shell=clear]{--screw-co:#2c2926}.cs-tape{width:340px;height:216px;display:block;position:absolute;inset:0}.cs-tape-run{fill:none;stroke:color-mix(in srgb, var(--tape-co) 24%, transparent);stroke-width:1.2px}.cs-guide{fill:color-mix(in srgb, var(--roller-co) 92%, transparent)}.cs-guide-hole{fill:#f7f6f3d9}.cs-post{fill:#1e1a181c}.cs-flange{fill:color-mix(in srgb, color-mix(in oklab, var(--spool), white 12%) 90%, transparent);fill-rule:evenodd}.cs-rim{opacity:.68}.cs-hub{opacity:.85}.cs-rim{fill:none;stroke:#28231e52;stroke-width:1px}.cs-cutout{fill:#14100d38}.cs-clamp{fill:none;stroke:color-mix(in srgb, var(--clamp-co) 80%, transparent);stroke-linecap:round}.cs-ball{fill:color-mix(in srgb, var(--clamp-co) 80%, transparent)}.cs-hub{transform-box:view-box}.cs-hub.hl{transform-origin:98px 99px}.cs-hub.hr{transform-origin:242px 99px}.cs-screw{background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--screw-co), white 30%), var(--screw-co) 60%, color-mix(in oklab, var(--screw-co), black 24%));border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 0 1px #0000004d,inset 0 -1px 1px #00000059}.cs-screw:before,.cs-screw:after{content:"";background:color-mix(in oklab, var(--screw-co), black 62%);border-radius:1px;width:7px;height:1.5px;margin:-.75px 0 0 -3.5px;position:absolute;top:50%;left:50%}.cs-screw:before{transform:rotate(calc(45deg + var(--screw-rot,0deg)))}.cs-screw:after{transform:rotate(calc(-45deg + var(--screw-rot,0deg)))}.cs-screw.tl{top:6px;left:6px}.cs-screw.tr{top:6px;right:6px}.cs-screw.bl{bottom:6px;left:6px}.cs-screw.br{bottom:6px;right:6px}.cs-screw.c{filter:brightness(.8);margin-left:-5px;top:175px;left:50%;box-shadow:0 0 0 2.5px #232019,0 1.5px 0 2.5px #ffffff0d,inset 0 1.5px 2px #0000008c,inset 0 -1px 1px #00000040}.cassette[data-shell=clear][data-frost-shape=label] .cs-label{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%,0 10px);border-radius:2.5px;height:134px;top:20px;left:21px;right:21px;mask-image:linear-gradient(#000,#000),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='203' height='61'><rect width='203' height='61' rx='30.5' fill='black'/></svg>");mask-position:0 0,47.5px 48.5px;mask-size:100% 100%,203px 61px;mask-repeat:no-repeat;mask-composite:exclude}.cassette[data-shell=clear][data-frost-shape=duo] .cs-label{height:148px;mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-position:0 0,0 100%;mask-size:100% 54px,100% 26px;mask-repeat:no-repeat}.cs-wear{pointer-events:none;z-index:2;position:absolute;inset:0}.cs-chip{background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='90'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='.35' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 .46  0 0 0 0 .46  0 0 0 0 .45  0 0 0 .52 0'/></filter><rect width='90' height='90' filter='url(%23f)'/></svg>"), color-mix(in srgb, var(--lp,#e8e4d8) 38%, white);position:absolute}.cs-chip i{background:var(--shell-soft,#8a857e);display:block;position:absolute}.cs-peel{background:var(--shell-soft,#8a857e);position:absolute}.cs-peel:after{content:"";background:color-mix(in srgb, var(--lp,#e8e4d8) 82%, white);filter:drop-shadow(0 1px 1px #0000002e);position:absolute;inset:0}.cs-peel.br{clip-path:polygon(100% 0,100% 100%,0 100%);bottom:0;right:0}.cs-peel.br:after{clip-path:polygon(100% 0,0 100%,18% 18%)}.cs-peel.bl{clip-path:polygon(0 0,100% 100%,0 100%);bottom:0;left:0}.cs-peel.bl:after{clip-path:polygon(0 0,100% 100%,82% 18%)}.cs-peel.tr{clip-path:polygon(0 0,100% 0,100% 100%);top:0;right:0}.cs-peel.tr:after{clip-path:polygon(0 0,100% 100%,18% 82%)}.cs-peel.tl{clip-path:polygon(0 0,100% 0,0 100%);top:0;left:0}.cs-peel.tl:after{clip-path:polygon(100% 0,0 100%,82% 82%)}.cassette{--rmark-co:#a98c4a}.cassette[data-shell=clear]{--rmark-co:#f8f6f299}.cassette[data-shell] .cs-ruler{background:repeating-linear-gradient(90deg, var(--rmark-co) 0 1.5px, transparent 1.5px 6.25px) 0 50%/100% 9px no-repeat, linear-gradient(var(--rmark-co),var(--rmark-co)) 0 50%/100% 1.5px no-repeat}.cassette[data-ruler=none] .cs-ruler{display:none}.cassette[data-ruler-style=ticks] .cs-ruler{background:0 0;justify-content:space-between;align-items:center;width:94px;padding:0;display:flex;left:123px}.cassette[data-ruler-style=ticks] .cs-ruler i{background:var(--rmark-co);border-radius:1.6px;width:3.2px;height:7px;transform:rotate(14deg)}.cassette[data-shell=solid][data-panel=off] .cs-panel{box-shadow:none;background:0 0;mask:none}.cassette[data-paper=on][data-window=none] .cs-inner,.cassette[data-paper=on][data-window=none] .cs-blur{mask-image:radial-gradient(circle at 98px 99px,#000 18.5px,#0000 19px),radial-gradient(circle at 242px 99px,#000 18.5px,#0000 19px),radial-gradient(circle at 92px 202px,#000 6px,#0000 6.5px),radial-gradient(circle at 248px 202px,#000 6px,#0000 6.5px),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='12'><rect width='13' height='12' rx='2.5' fill='black'/></svg>"),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='12'><rect width='13' height='12' rx='2.5' fill='black'/></svg>"),linear-gradient(#000,#000);mask-position:0 0,0 0,0 0,0 0,118.6px 192.6px,208.4px 192.6px,0 0;mask-size:100% 100%,100% 100%,100% 100%,100% 100%,13px 12px,13px 12px,100% 100%;mask-composite:exclude,exclude,exclude,exclude,exclude,exclude,add}.cassette[data-paper=on][data-cutout=full] .cs-label{mask-image:linear-gradient(#000,#000),radial-gradient(circle at 77px 79px,#000 26px,#0000 26.5px),radial-gradient(circle at 221px 79px,#000 26px,#0000 26.5px);mask-position:0 0,0 0,0 0;mask-size:100% 100%,100% 100%,100% 100%;mask-repeat:no-repeat;mask-composite:exclude,exclude}.cassette[data-paper=on][data-window=none][data-panel=on] .cs-panel{background:radial-gradient(circle at 30.5px 31.5px, var(--shell-hi) 0 19px, var(--shell-lo) 19px 22.5px, #0000002e 22.5px 23.5px, transparent 24px) no-repeat, radial-gradient(circle at 174.5px 31.5px, var(--shell-hi) 0 19px, var(--shell-lo) 19px 22.5px, #0000002e 22.5px 23.5px, transparent 24px) no-repeat;box-shadow:none;mask:none}.cassette[data-paper=on][data-corners=square][data-cutout=full] .cs-label{mask-image:linear-gradient(#000,#000),radial-gradient(circle at 75px 78px,#000 26px,#0000 26.5px),radial-gradient(circle at 219px 78px,#000 26px,#0000 26.5px);mask-position:0 0,0 0,0 0;mask-size:100% 100%,100% 100%,100% 100%;mask-repeat:no-repeat;mask-composite:exclude,exclude}.cassette[data-paper=on][data-window=none] .cs-ruler,.cassette[data-shell=solid][data-window=none] .cs-guts{display:none}.cassette[data-shell=solid][data-ridges=boss] .cs-trap:before,.cassette[data-shell=solid][data-ridges=full] .cs-trap:before{background:repeating-linear-gradient(#00000012 0 1.5px, transparent 1.5px 4.5px), linear-gradient(var(--shell-soft),var(--shell-lo))}.cassette[data-shell=clear][data-ridges=none] .cs-trap:before{background:linear-gradient(color-mix(in srgb, var(--shell) 5%, transparent), color-mix(in srgb, var(--shell) 8%, transparent))}.cs-inner:after{content:"";pointer-events:none;clip-path:polygon(0 0,63.6px 0,57px 100%,283px 100%,276.4px 0,100% 0,100% 100%,0 100%);background:repeating-linear-gradient(#0000000f 0 1.5px,#0000 1.5px 4.5px);border-radius:0 0 8px 8px;display:none;position:absolute;inset:163px 0 0}.cassette[data-ridges=full] .cs-inner:after{display:block}.cassette[data-badge-style=outline] .cs-side,.cassette[data-badge-style=circle] .cs-side,.cassette[data-badge-style=bare] .cs-side{color:var(--ink-co,var(--pen-co,#16130f));background:0 0}.cassette[data-badge-style=outline] .cs-side{box-shadow:inset 0 0 0 1.5px}.cassette[data-badge-style=circle] .cs-side{border-radius:50%;box-shadow:inset 0 0 0 1.5px}.cassette[data-badge-style=bare] .cs-side{font-size:14px}.cassette[data-badge-style=none] .cs-side{display:none}.cassette[data-shell=clear][data-frost-shape=paper] .cs-label{mask-image:linear-gradient(#000,#000),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='195' height='51'><rect width='195' height='51' rx='25.5' fill='black'/></svg>");mask-position:0 0,51.5px 53.5px;mask-size:100% 100%,195px 51px;mask-repeat:no-repeat;mask-composite:exclude}.cassette[data-shell=clear][data-frost-shape=paper][data-window=rect] .cs-label{mask-image:linear-gradient(#000,#000),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='199' height='53'><rect width='199' height='53' rx='8' fill='black'/></svg>");mask-position:0 0,49.5px 52.5px;mask-size:100% 100%,199px 53px}.cassette[data-shell=clear][data-frost-shape=paper][data-corners=square] .cs-label{mask-position:0 0,49.5px 52.5px}.cassette[data-shell=clear][data-frost-shape=paper][data-corners=square][data-window=rect] .cs-label{mask-position:0 0,47.5px 51.5px}.cassette[data-shell=clear][data-frost-shape=paper]{--win-top:53.5px;--win-h:51px}.cassette[data-shell=clear][data-frost-shape=paper][data-window=rect]{--win-top:52.5px;--win-h:53px}.cassette[data-shell=clear][data-frost-shape=paper][data-corners=square]{--win-top:52.5px}.cassette[data-shell=clear][data-frost-shape=paper][data-corners=square][data-window=rect]{--win-top:51.5px}.cassette[data-paper=on][data-label=none] .cs-label{filter:none;background:0 0}.cassette[data-paper=on][data-label=none] .cs-band,.cassette[data-paper=on][data-label=none] .cs-side{display:none}.cassette[data-paper=on][data-label=tape] .cs-label{filter:none;background:0 0}.cassette[data-paper=on][data-label=tape] .cs-band,.cassette[data-paper=on][data-label=tape] .cs-side{display:none}.cs-tapepatch{z-index:0;filter:drop-shadow(0 1px 1.5px #00000047);position:absolute}.cs-tapepatch.cs-tape-flat,.cs-tape-core,.cs-tape-fray{background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='90'><filter id='t'><feTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 .48  0 0 0 0 .44  0 0 0 0 .34  0 0 0 .4 0'/></filter><rect width='90' height='90' filter='url(%23t)'/></svg>"),linear-gradient(#eee7d1,#e3d9bd)}.cs-tape-core,.cs-tape-fray{position:absolute;inset:0}.cs-tape-fray{opacity:.55}.cassette[data-shell=clear][data-frost-shape=none] .cs-label,.cassette[data-shell=clear][data-frost-shape=tape] .cs-label{background:0 0}.cassette[data-shell=clear][data-frost-shape=none] .cs-side,.cassette[data-shell=clear][data-frost-shape=tape] .cs-side{display:none}.cassette[data-paper=on][data-label=ripped] .cs-label{filter:none;background:0 0}.cs-remnant{-webkit-mask-image:radial-gradient(closest-side,#000 45%,#0000 100%);mask-image:radial-gradient(closest-side,#000 45%,#0000 100%)}.cassette[data-paper=on][data-label=ripped] .cs-band,.cassette[data-paper=on][data-label=ripped] .cs-side{display:none}.cs-scuffs{pointer-events:none;position:absolute;inset:0;mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='228' height='55'><polygon points='6.84,0 221.16,0 228,55 0,55' fill='black'/></svg>"),radial-gradient(circle at 98px 99px,#000 18.5px,#0000 19px),radial-gradient(circle at 242px 99px,#000 18.5px,#0000 19px),radial-gradient(circle at 11px 11px,#000 5.5px,#0000 6px),radial-gradient(circle at 329px 11px,#000 5.5px,#0000 6px),radial-gradient(circle at 11px 205px,#000 5.5px,#0000 6px),radial-gradient(circle at 329px 205px,#000 5.5px,#0000 6px),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='216'><rect x='2' y='2' width='336' height='212' rx='7' fill='black'/></svg>");mask-position:56px 161px,0 0,0 0,0 0,0 0,0 0,0 0,0 0;mask-size:228px 55px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;mask-repeat:no-repeat;mask-composite:exclude,exclude,exclude,exclude,exclude,exclude,exclude,add}.cassette[data-shell=solid] .cs-scuffs{mask-image:linear-gradient(#000,#000),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='228' height='55'><polygon points='6.84,0 221.16,0 228,55 0,55' fill='black'/></svg>"),radial-gradient(circle at 11px 11px,#000 5.5px,#0000 6px),radial-gradient(circle at 329px 11px,#000 5.5px,#0000 6px),radial-gradient(circle at 11px 205px,#000 5.5px,#0000 6px),radial-gradient(circle at 329px 205px,#000 5.5px,#0000 6px),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='216'><rect x='2' y='2' width='336' height='212' rx='7' fill='black'/></svg>");mask-position:21px 20px,56px 161px,0 0,0 0,0 0,0 0,0 0;mask-size:298px 134px,228px 55px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;mask-repeat:no-repeat;mask-composite:exclude,exclude,exclude,exclude,exclude,exclude,add}.cs-scuffs-boss{pointer-events:none;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);width:228px;height:55px;position:absolute;top:161px;left:56px;mask-image:radial-gradient(circle at 114px 19px,#000 5.5px,#0000 6px),radial-gradient(circle at 36px 41px,#000 6px,#0000 6.5px),radial-gradient(circle at 192px 41px,#000 6px,#0000 6.5px),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='12'><rect width='13' height='12' rx='2.5' fill='black'/></svg>"),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='12'><rect width='13' height='12' rx='2.5' fill='black'/></svg>"),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='228' height='55'><rect width='228' height='53' fill='black'/></svg>");mask-position:0 0,0 0,0 0,62.6px 31.6px,152.4px 31.6px,0 0;mask-size:100% 100%,100% 100%,100% 100%,13px 12px,13px 12px,100% 100%;mask-repeat:no-repeat;mask-composite:exclude,exclude,exclude,exclude,exclude,add}.cs-nick{border-radius:1px;width:4px;height:1px;margin:-.5px 0 0 -2px;position:absolute;top:50%;left:50%}.cs-scuff{transform-origin:0;border-radius:1px;height:1px;position:absolute}.cs-grime{pointer-events:none;background:radial-gradient(115% 150% at 50% 44%,#0000 54%,#3a2d1866 90%,#2e241394 100%),radial-gradient(circle at 98px 99px,#0000 19px,#3c2e185c 22px,#0000 36px),radial-gradient(circle at 242px 99px,#0000 19px,#3c2e185c 22px,#0000 36px),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='216'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.013 .021' numOctaves='3' seed='7' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 .32  0 0 0 0 .25  0 0 0 0 .14  0 0 0 .55 0'/></filter><rect width='340' height='216' filter='url(%23g)'/></svg>"),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='d'><feTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='2' seed='3' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 .85  0 0 0 0 .82  0 0 0 0 .72  0 0 0 .12 0'/></filter><rect width='120' height='120' filter='url(%23d)'/></svg>");position:absolute;inset:0;mask-image:radial-gradient(circle at 98px 99px,#000 18.5px,#0000 19px),radial-gradient(circle at 242px 99px,#000 18.5px,#0000 19px),radial-gradient(circle at 92px 202px,#000 6px,#0000 6.5px),radial-gradient(circle at 248px 202px,#000 6px,#0000 6.5px),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='12'><rect width='13' height='12' rx='2.5' fill='black'/></svg>"),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='12'><rect width='13' height='12' rx='2.5' fill='black'/></svg>"),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='216'><rect x='2' y='2' width='336' height='212' rx='7' fill='black'/></svg>");mask-position:0 0,0 0,0 0,0 0,118.6px 192.6px,208.4px 192.6px,0 0;mask-size:100% 100%,100% 100%,100% 100%,100% 100%,13px 12px,13px 12px,100% 100%;mask-repeat:no-repeat;mask-composite:exclude,exclude,exclude,exclude,exclude,exclude,add}.cassette[data-shell=solid]:not([data-window=none]) .cs-grime{mask-image:linear-gradient(#000,#000),radial-gradient(circle at 98px 99px,#000 18.5px,#0000 19px),radial-gradient(circle at 242px 99px,#000 18.5px,#0000 19px),radial-gradient(circle at 92px 202px,#000 6px,#0000 6.5px),radial-gradient(circle at 248px 202px,#000 6px,#0000 6.5px),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='12'><rect width='13' height='12' rx='2.5' fill='black'/></svg>"),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='12'><rect width='13' height='12' rx='2.5' fill='black'/></svg>"),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='216'><rect x='2' y='2' width='336' height='212' rx='7' fill='black'/></svg>");mask-position:131px 78px,0 0,0 0,0 0,0 0,118.6px 192.6px,208.4px 192.6px,0 0;mask-size:78px 42px,100% 100%,100% 100%,100% 100%,100% 100%,13px 12px,13px 12px,100% 100%;mask-repeat:no-repeat;mask-composite:exclude,exclude,exclude,exclude,exclude,exclude,exclude,add}.cs-smudge{background:radial-gradient(closest-side,#3e301a80,#3e301a42 55%,#0000 100%);border-radius:50%;display:block;position:absolute}.cassette[data-paper=on][data-corners=square] .cs-label{clip-path:none;height:133px;top:21px;left:23px;right:23px;mask-position:0 0,45.5px 47.5px}.cassette[data-paper=on][data-corners=round] .cs-label{border-radius:2.5px 2.5px 8px 8px}.cassette[data-paper=on][data-window=rect] .cs-label{mask-image:linear-gradient(#000,#000),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='213' height='65'><rect width='213' height='65' rx='4' fill='black'/></svg>");mask-position:0 0,42.5px 46.5px;mask-size:100% 100%,213px 65px}.cassette[data-paper=on][data-corners=square][data-window=rect] .cs-label{mask-position:0 0,40.5px 45.5px}.cassette[data-shell=solid][data-paper=on][data-cutout=stadium] .cs-label{mask-image:linear-gradient(#000,#000),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='209' height='67'><rect width='209' height='67' rx='33.5' fill='black'/></svg>");mask-position:0 0,44.5px 45.5px;mask-size:100% 100%,209px 67px;mask-repeat:no-repeat;mask-composite:exclude}.cassette[data-shell=solid][data-paper=on][data-corners=square][data-cutout=stadium] .cs-label{mask-position:0 0,42.5px 44.5px}.cassette[data-shell=solid][data-paper=on][data-cutout=rect] .cs-label{mask-image:linear-gradient(#000,#000),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='219' height='71'><rect width='219' height='71' rx='7' fill='black'/></svg>");mask-position:0 0,39.5px 43.5px;mask-size:100% 100%,219px 71px;mask-repeat:no-repeat;mask-composite:exclude}.cassette[data-shell=solid][data-paper=on][data-corners=square][data-cutout=rect] .cs-label{mask-position:0 0,37.5px 42.5px}.cassette[data-paper=on]{--win-top:48.5px;--win-h:61px}.cassette[data-paper=on][data-corners=square]{--win-top:47.5px}.cassette[data-shell=solid][data-cutout=stadium]{--win-top:45.5px;--win-h:67px}.cassette[data-shell=solid][data-corners=square][data-cutout=stadium]{--win-top:44.5px}.cassette[data-shell=solid][data-cutout=rect]{--win-top:43.5px;--win-h:71px}.cassette[data-shell=solid][data-corners=square][data-cutout=rect]{--win-top:42.5px}.cassette[data-paper=on][data-label=stripes] .cs-band,.cassette[data-paper=on][data-label=ocean] .cs-band{top:calc(var(--win-top) + .5px);height:calc(var(--win-h) - 1px)}.cassette[data-badge=br] .cs-side{left:auto;right:7px}.cassette .cs-line{color:var(--pen-co,var(--ink-co,#332a1e));font-family:var(--hand-font,var(--font-hand));font-size:var(--hand-size,14.5px)}.cassette .cs-ink{all:unset;white-space:pre;transform-origin:1em calc(1em + var(--ink-h,16.675px));margin:-1em;padding:1em;font-style:normal;display:inline-block;overflow:hidden}.cassette .cs-title .cs-ink{transform:translate(var(--j1left,0px), calc(-1 * var(--j1lift,0px))) rotate(var(--j1r,0deg)) translate(var(--j1x,0px), calc(var(--j1y,0px) + var(--hand-dy,0px)))}.cassette .cs-artist .cs-ink{transform:translate(var(--j2left,0px), calc(-1 * var(--j2lift,0px))) rotate(var(--j2r,0deg)) translate(var(--j2x,0px), calc(var(--j2y,0px) + var(--hand-dy,0px)))}.cassette[data-shell=solid] .cs-side{bottom:5px}.cassette[data-paper=on][data-label=frame] .cs-side{bottom:9px;left:9px}.cassette[data-paper=on][data-label=frame][data-badge=br] .cs-side{left:auto;right:9px}.cassette[data-paper=on][data-label=band] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=band] .cs-band{left:0;right:0;top:calc(var(--win-top) + .5px);height:calc(var(--win-h) - 1px);background:var(--la,#35678a);border-top:3px solid var(--lb,#c8553d);position:absolute}.cassette[data-paper=on][data-label=duo] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=duo] .cs-band{left:0;right:0;top:calc(var(--win-top) + .5px);background:var(--la,#35678a);position:absolute;bottom:0}.cassette[data-paper=on][data-label=fade] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=fade] .cs-band{left:0;right:0;top:calc(var(--win-top) + .5px);height:calc(var(--win-h) - 1px);background:linear-gradient(var(--la,#35678a), var(--lb,#c8553d));position:absolute}.cassette[data-paper=on][data-label=pinstripe] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=pinstripe] .cs-band{left:0;right:0;top:calc(var(--win-top) + .5px);height:calc(var(--win-h) - 1px);background:repeating-linear-gradient(var(--la,#35678a) 0 2.5px, transparent 2.5px 12px);position:absolute}.cassette[data-paper=on][data-label=diag] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=diag] .cs-band{left:0;right:0;top:calc(var(--win-top) + .5px);height:calc(var(--win-h) - 1px);background:repeating-linear-gradient(45deg, var(--la,#35678a) 0 9px, var(--lb,#c8553d) 9px 18px);position:absolute}.cassette[data-paper=on][data-label=racing] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=racing] .cs-band{left:0;right:0;top:calc(var(--win-top) + .5px);height:calc(var(--win-h) - 1px);background:linear-gradient(var(--la,#35678a) 0 14px, transparent 14px 19px, var(--lb,#c8553d) 19px 27px, transparent 27px 32px, var(--lc,#8fa3b0) 32px 36px, transparent 36px);position:absolute}.cassette[data-paper=on][data-label=sundown] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=sundown] .cs-band{background:linear-gradient(transparent 0 12.5px, var(--la,#c8553d) 12.5px 16px, transparent 16px 25px, var(--la,#c8553d) 25px 29.5px, transparent 29.5px 37.5px, var(--la,#c8553d) 37.5px 43.5px, transparent 43.5px 50.5px, var(--la,#c8553d) 50.5px 58.5px, transparent 58.5px 64.5px, var(--la,#c8553d) 64.5px 75px, transparent 75px 80px, var(--la,#c8553d) 80px);position:absolute;inset:38px 0 0}.cassette[data-paper=on][data-label=grid] .cs-label{background:repeating-linear-gradient(color-mix(in srgb, var(--la,#35678a) 28%, transparent) 0 1px, transparent 1px 8px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--la,#35678a) 28%, transparent) 0 1px, transparent 1px 8px), var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=grid] .cs-band{display:none}.cassette[data-paper=on][data-label=frame] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=frame] .cs-band{border:2px solid var(--la,#35678a);background:0 0;position:absolute;inset:4px}.cassette[data-paper=on][data-label=chrome] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=chrome] .cs-band{left:0;right:0;top:calc(var(--win-top) + .5px);height:calc(var(--win-h) - 1px);border-top:2.5px solid var(--la,#35678a);border-bottom:2.5px solid var(--la,#35678a);background:linear-gradient(#dcdcda,#a3a6aa 45%,#71747a 55%,#babdc1);position:absolute}.cs-glaze{z-index:3;pointer-events:none;position:absolute;inset:0}.cassette[data-tint=deep] .cs-inner{background:linear-gradient(115deg, #ffffff1a, #ffffff05 32%, #fff0 55%, #ffffff0f), linear-gradient(color-mix(in srgb, var(--shell) 73%, transparent), color-mix(in srgb, var(--shell) 79%, transparent))}.cassette[data-tint=deep] .cs-glaze{background:linear-gradient(color-mix(in srgb, var(--shell) 42%, transparent), color-mix(in srgb, var(--shell) 50%, transparent))}.cassette[data-tint=deep]{--frost-wh1:13%;--frost-wh2:8%;--frost-a1:82%;--frost-a2:72%;--frost-veil:linear-gradient(color-mix(in srgb, var(--shell) 46%, transparent), color-mix(in srgb, var(--shell) 54%, transparent))}