.cassette{--font-hand:"Caveat",cursive;--shadow:34,28,18}.cassette,.cassette *,.cassette *:before,.cassette *:after{box-sizing:border-box}.cassette{width:289px;aspect-ratio:340/216;display:block;border-radius:8px;text-decoration:none;position:relative;--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)}.cs-body{position:absolute;inset:0;display:block;border-radius:8px;isolation:isolate;box-shadow:0 2px rgba(var(--shadow),.04),0 16px 30px -20px rgba(var(--shadow),.6)}.cs-blur{position:absolute;left:0;top:0;width:340px;height:216px;transform:scale(.85);transform-origin:0 0;display:none;border-radius:8px;pointer-events:none}.cs-inner{position:absolute;left:0;top:0;width:340px;height:216px;transform:scale(.85);transform-origin:0 0;display:block;border-radius:8px;background:linear-gradient(var(--shell-hi),var(--shell));box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1.5px #00000059;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);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{position:absolute;left:0;top:0;width:340px;height:216px;transform:scale(.85);transform-origin:0 0;display:block;pointer-events:none}.cs-top:before,.cs-top:after{content:"";position:absolute;bottom:18px;width:3px;height:55px;background:linear-gradient(color-mix(in oklab,var(--shell),black 10%),color-mix(in oklab,var(--shell),black 16%))}.cs-top:before{left:-2.5px;clip-path:polygon(100% 0,100% 100%,0 calc(100% - 2.5px),0 2.5px)}.cs-top:after{right:-2.5px;clip-path:polygon(0 0,0 100%,100% calc(100% - 2.5px),100% 2.5px)}.cs-teeth{position:absolute;top:78px;width:42px;height:42px;border-radius:50%;background:repeating-conic-gradient(from -7deg,var(--spool) 0 14deg,transparent 14deg 60deg);-webkit-mask:radial-gradient(circle,transparent 13px,#000 13.5px 19.5px,transparent 20px);mask:radial-gradient(circle,transparent 13px,#000 13.5px 19.5px,transparent 20px)}.cs-teeth.l{left:77px}.cs-teeth.r{left:221px}.cs-label{position:absolute;left:21px;right:21px;top:20px;height:134px;border-radius:2.5px;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%,0 10px);filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));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{position:absolute;left:0;right:0;top:49px;height:60px;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%)}.cassette[data-label=ocean] .cs-label{background:var(--lp, #e8e4d8)}.cassette[data-label=ocean] .cs-band{position:absolute;left:0;right:0;top:49px;height:60px;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%)}.cs-lines{position:absolute;left:13px;right:13px;top:0;height:49px;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:4px;gap:3px;z-index:1}.cs-line{font-family:var(--font-hand);font-weight:600;font-size:14.5px;line-height:1.15;color:#332a1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:3px double #b59a5e}.cs-side{position:absolute;left:7px;bottom:4px;width:17px;height:16px;border-radius:2px;background:#16130f;color:#e6dfcd;font-family:Georgia,Times New Roman,serif;font-weight:700;font-style:normal;font-size:11.5px;line-height:16px;text-align:center}.cs-panel{position:absolute;left:50%;top:67.5px;width:205px;height:63px;margin-left:-102.5px;border-radius:33px;background:linear-gradient(color-mix(in oklab,var(--shell),white 11%),color-mix(in oklab,var(--shell),black 6%));box-shadow:0 0 0 1px #0000001f,inset 0 2px #ffffff2e,inset 0 -2px #00000029;display:flex;align-items:center;justify-content:space-between;padding:0 9.5px;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}.cs-reel{position:relative;width:42px;height:42px;flex:none;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 2px var(--spool),0 0 0 1.5px #00000038}.cs-guts{position:absolute;inset:0;clip-path:inset(78px 131px 96px 131px)}.cassette[data-shell=clear] .cs-guts{clip-path:none}.cs-guts:before,.cs-guts:after{content:"";position:absolute;border-radius:50%;z-index:1;-webkit-mask:radial-gradient(circle,transparent 38.5px,#000 39px);mask:radial-gradient(circle,transparent 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{display:none;position:absolute;left:90px;top:164px;width:160px;height:48px}.cs-mech:before{content:"";position:absolute;left:52px;top:27px;width:56px;height:4.5px;border-radius:1px;background:linear-gradient(90deg,#19151242 0 5px,#19151221 5px calc(100% - 5px),#19151242 calc(100% - 5px))}.cs-mech:after{content:"";position:absolute;left:74.5px;top:39.5px;width:11px;height:7px;border-radius:1px;background:repeating-linear-gradient(#261e19cc 0 1.6px,#92857880 1.6px 3px);box-shadow:0 0 0 .5px #00000047}.cassette[data-shell=clear] .cs-mech{display:block}.cs-chamber,.cs-machinery{display:none;position:absolute;inset:0;width:340px;height:216px;pointer-events:none}.cassette[data-shell=clear] .cs-chamber{display:block;z-index:-1;filter:blur(.7px)}.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:.6}.cs-mframe{fill:none;stroke:color-mix(in srgb,color-mix(in oklab,var(--shell),black 45%) 65%,transparent);stroke-width:1.2}.cs-mpin{fill:#1e1a188c}.cs-mpin2{fill:#1e1a1852}.cs-mshield{fill:#b8b8b357}.cs-mplate{fill:#b8b8b37a}.cs-tapewin{position:relative;width:78px;height:42px}.cs-ruler{position:absolute;left:calc(203px - var(--tape-total));top:91px;width:calc(var(--tape-total) * 2 - 66px);height:16px;background:repeating-linear-gradient(90deg,#a98c4a 0 1.5px,transparent 1.5px calc((var(--tape-total) * 2 - 67.5px) / 6)) 0 50%/100% 9px no-repeat,linear-gradient(#a98c4a,#a98c4a) 0 50%/100% 1.5px no-repeat}.cs-trap{position:absolute;left:50%;bottom:0;width:228px;height:55px;margin-left:-114px;background:var(--shell-dk);clip-path:polygon(3% 0,97% 0,100% 100%,0 100%)}.cs-trap:before{content:"";position:absolute;inset:2px 2px 0;background:linear-gradient(var(--shell-soft),var(--shell-lo));clip-path:polygon(3.1% 0,96.9% 0,100% 100%,0 100%)}.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,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);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{background:none;box-shadow:none;mask:none}.cassette[data-shell=clear] .cs-guts{filter:blur(.5px)}.cassette[data-shell=clear] .cs-blur{display:block;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.cassette[data-shell=clear] .cs-trap{background:#16120e29}.cassette[data-shell=clear] .cs-trap:before{background:repeating-linear-gradient(rgba(0,0,0,.05) 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{left:24px;right:24px;top:12px;height:54px;border-radius:2px;mask:none;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))}.cassette[data-shell=clear]:not([data-frost-shape=paper]) .cs-band{display:none}.cassette[data-shell=clear]:not([data-frost-shape=paper]) .cs-lines{left:34px;right:34px;height:100%;padding-bottom:7px}.cassette[data-shell=clear]:not([data-frost-shape=paper]) .cs-line{border-bottom:0}.cassette[data-shell=clear] .cs-ruler{background:repeating-linear-gradient(90deg,rgba(248,246,242,.6) 0 1.5px,transparent 1.5px calc((var(--tape-total) * 2 - 67.5px) / 6)) 0 50%/100% 9px no-repeat,linear-gradient(#f8f6f299,#f8f6f299) 0 50%/100% 1.5px no-repeat}.cassette[data-shell=clear]{--screw-co:#2c2926}.cs-tape{display:block;position:absolute;inset:0;width:340px;height:216px}.cs-tape-run{fill:none;stroke:color-mix(in srgb,var(--tape-co) 24%,transparent);stroke-width:1.2}.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:1}.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{position:absolute;width:10px;height:10px;border-radius:50%;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%));box-shadow:0 0 0 1px #0000004d,inset 0 -1px 1px #00000059}.cs-screw:before,.cs-screw:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:1.5px;margin:-.75px 0 0 -3.5px;background:color-mix(in oklab,var(--screw-co),black 62%);border-radius:1px}.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{left:6px;top:6px}.cs-screw.tr{right:6px;top:6px}.cs-screw.bl{left:6px;bottom:6px}.cs-screw.br{right:6px;bottom:6px}.cs-screw.c{left:50%;margin-left:-5px;top:175px;filter:brightness(.8);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{left:21px;right:21px;top:20px;height:134px;border-radius:2.5px;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%,0 10px);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=label] .cs-lines{left:13px;right:13px;height:49px;padding-bottom:4px}.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}.cassette[data-shell=clear][data-frost-shape=duo] .cs-lines{height:54px}.cs-wear{position:absolute;inset:0;pointer-events:none;z-index:2}.cs-chip{position:absolute;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)}.cs-chip i{position:absolute;display:block;background:var(--shell-soft, #8a857e)}.cs-peel{position:absolute;background:var(--shell-soft, #8a857e)}.cs-peel:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--lp, #e8e4d8) 82%,white);filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.cs-peel.br{right:0;bottom:0;clip-path:polygon(100% 0,100% 100%,0 100%)}.cs-peel.br:after{clip-path:polygon(100% 0,0 100%,18% 18%)}.cs-peel.bl{left:0;bottom:0;clip-path:polygon(0 0,100% 100%,0 100%)}.cs-peel.bl:after{clip-path:polygon(0 0,100% 100%,82% 18%)}.cs-peel.tr{right:0;top:0;clip-path:polygon(0 0,100% 0,100% 100%)}.cs-peel.tr:after{clip-path:polygon(0 0,100% 100%,18% 82%)}.cs-peel.tl{left:0;top:0;clip-path:polygon(0 0,100% 0,0 100%)}.cs-peel.tl:after{clip-path:polygon(100% 0,0 100%,82% 82%)}.cassette{--rmark-co:#a98c4a}.cassette[data-shell=clear]{--rmark-co:rgba(248,246,242,.6)}.cassette[data-shell] .cs-ruler{background:repeating-linear-gradient(90deg,var(--rmark-co) 0 1.5px,transparent 1.5px calc((var(--tape-total) * 2 - 67.5px) / 6)) 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{left:123px;width:94px;background:none;display:flex;align-items:center;justify-content:space-between;padding:0}.cassette[data-ruler-style=ticks] .cs-ruler i{width:3.2px;height:7px;border-radius:1.6px;background:var(--rmark-co);transform:rotate(14deg)}.cassette[data-shell=solid][data-panel=off] .cs-panel{background:none;box-shadow:none;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,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);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-window=none] .cs-label{mask-image:linear-gradient(#000,#000),radial-gradient(circle at 77px 79px,#000 26px,transparent 26.5px),radial-gradient(circle at 221px 79px,#000 26px,transparent 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,rgba(0,0,0,.18) 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,rgba(0,0,0,.18) 22.5px 23.5px,transparent 24px) no-repeat;box-shadow:none;mask:none}.cassette[data-paper=on][data-corners=square][data-window=none] .cs-label{mask-image:linear-gradient(#000,#000),radial-gradient(circle at 75px 78px,#000 26px,transparent 26.5px),radial-gradient(circle at 219px 78px,#000 26px,transparent 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(rgba(0,0,0,.07) 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:"";position:absolute;inset:163px 0 0;display:none;pointer-events:none;border-radius:0 0 8px 8px;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(rgba(0,0,0,.06) 0 1.5px,transparent 1.5px 4.5px)}.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{background:none;color:var(--ink-co, var(--pen-co, #16130f))}.cassette[data-badge-style=outline] .cs-side{box-shadow:inset 0 0 0 1.5px currentColor}.cassette[data-badge-style=circle] .cs-side{box-shadow:inset 0 0 0 1.5px currentColor;border-radius:50%}.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{background:none;filter:none}.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=none] .cs-line,.cassette[data-paper=on][data-label=ripped] .cs-line,.cassette[data-paper=on][data-label=tape] .cs-line{border-bottom:0}.cassette[data-paper=on][data-label=tape] .cs-label{background:none;filter:none}.cassette[data-paper=on][data-label=tape] .cs-band,.cassette[data-paper=on][data-label=tape] .cs-side{display:none}.cs-tapepatch{position:absolute;z-index:0;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.28))}.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:none}.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{background:none;filter:none}.cs-remnant{-webkit-mask-image:radial-gradient(closest-side,#000 45%,transparent 100%);mask-image:radial-gradient(closest-side,#000 45%,transparent 100%)}.cassette[data-paper=on][data-label=ripped] .cs-band,.cassette[data-paper=on][data-label=ripped] .cs-side{display:none}.cs-scuffs{position:absolute;inset:0;pointer-events:none;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,transparent 19px),radial-gradient(circle at 242px 99px,#000 18.5px,transparent 19px),radial-gradient(circle at 11px 11px,#000 5.5px,transparent 6px),radial-gradient(circle at 329px 11px,#000 5.5px,transparent 6px),radial-gradient(circle at 11px 205px,#000 5.5px,transparent 6px),radial-gradient(circle at 329px 205px,#000 5.5px,transparent 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,transparent 6px),radial-gradient(circle at 329px 11px,#000 5.5px,transparent 6px),radial-gradient(circle at 11px 205px,#000 5.5px,transparent 6px),radial-gradient(circle at 329px 205px,#000 5.5px,transparent 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{position:absolute;left:56px;top:161px;width:228px;height:55px;pointer-events:none;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);mask-image:radial-gradient(circle at 114px 19px,#000 5.5px,transparent 6px),radial-gradient(circle at 36px 41px,#000 6px,transparent 6.5px),radial-gradient(circle at 192px 41px,#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>"),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{position:absolute;left:50%;top:50%;width:4px;height:1px;margin:-.5px 0 0 -2px;border-radius:1px}.cs-scuff{position:absolute;height:1px;transform-origin:0 50%;border-radius:1px}.cs-grime{position:absolute;inset:0;pointer-events:none;background:radial-gradient(115% 150% at 50% 44%,transparent 54%,rgba(58,45,24,.4) 90%,rgba(46,36,19,.58) 100%),radial-gradient(circle at 98px 99px,transparent 19px,rgba(60,46,24,.36) 22px,transparent 36px),radial-gradient(circle at 242px 99px,transparent 19px,rgba(60,46,24,.36) 22px,transparent 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>");mask-image: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>"),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,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>"),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{position:absolute;display:block;border-radius:50%;background:radial-gradient(closest-side,rgba(62,48,26,.5),rgba(62,48,26,.26) 55%,transparent 100%)}.cassette[data-paper=on][data-corners=square] .cs-label{clip-path:none;left:23px;right:23px;top:21px;height:133px;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-window=rect] .cs-lines{height:46px}.cassette[data-paper=on][data-corners=square][data-window=rect] .cs-label{mask-position:0 0,40.5px 45.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-paper=on][data-window=rect]{--win-top:46.5px;--win-h:65px}.cassette[data-paper=on][data-corners=square][data-window=rect]{--win-top:45.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));border-bottom-color:var(--rule-co, #b59a5e);font-family:var(--hand-font, var(--font-hand));font-size:var(--hand-size, 14.5px)}.cassette .cs-ink{display:inline-block;font-style:normal;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cassette .cs-title .cs-ink{transform:rotate(var(--j1r, 0deg)) translate(var(--j1x, 0px),calc(var(--j1y, 0px) + var(--hand-dy, 0px)));transform-origin:0 100%}.cassette .cs-artist .cs-ink{transform:rotate(var(--j2r, 0deg)) translate(var(--j2x, 0px),calc(var(--j2y, 0px) + var(--hand-dy, 0px)));transform-origin:0 100%}.cassette[data-paper=on][data-rules=single] .cs-line{border-bottom-style:solid;border-bottom-width:1.5px}.cassette[data-paper=on][data-rules=none] .cs-line,.cassette[data-paper=on][data-label=none] .cs-line,.cassette[data-paper=on][data-label=ripped] .cs-line,.cassette[data-paper=on][data-label=tape] .cs-line{border-bottom:0}.cassette[data-align=center] .cs-line{text-align:center}.cassette[data-shell=solid] .cs-side{bottom:5px}.cassette[data-paper=on][data-label=frame] .cs-lines{transform:translateY(2px)}.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{position:absolute;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)}.cassette[data-paper=on][data-label=duo] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=duo] .cs-band{position:absolute;left:0;right:0;top:calc(var(--win-top) + .5px);bottom:0;background:var(--la,#35678a)}.cassette[data-paper=on][data-label=fade] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=fade] .cs-band{position:absolute;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))}.cassette[data-paper=on][data-label=pinstripe] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=pinstripe] .cs-band{position:absolute;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)}.cassette[data-paper=on][data-label=diag] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=diag] .cs-band{position:absolute;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)}.cassette[data-paper=on][data-label=racing] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=racing] .cs-band{position:absolute;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)}.cassette[data-paper=on][data-label=sundown] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=sundown] .cs-band{position:absolute;inset:38px 0 0;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)}.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{position:absolute;inset:4px;border:2px solid var(--la,#35678a);background:none}.cassette[data-paper=on][data-label=chrome] .cs-label{background:var(--lp,#e8e4d8)}.cassette[data-paper=on][data-label=chrome] .cs-band{position:absolute;left:0;right:0;top:calc(var(--win-top) + .5px);height:calc(var(--win-h) - 1px);background:linear-gradient(#dcdcda,#a3a6aa 45%,#71747a 55%,#babdc1);border-top:2.5px solid var(--la,#35678a);border-bottom:2.5px solid var(--la,#35678a)}.cs-glaze{position:absolute;inset:0;z-index:3;pointer-events:none}.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))}