@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;700&display=swap";.cp-wrap[data-astro-cid-x4rwjv4v]{overflow:hidden;flex-shrink:0}.cp-cassette[data-astro-cid-x4rwjv4v]{--body: hsl(200,50%,38%);--accent: hsl(200,50%,26%);--label-bg: hsl(200,40%,68%);--detail: hsl(260,48%,42%);--ink: #222;position:relative;background:var(--body);border-radius:16px;width:534px;height:335px;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001f}.cp-cassette[data-astro-cid-x4rwjv4v]:before{position:absolute;z-index:20;bottom:20px;left:-3px;content:"";height:90px;border-right:var(--body) solid 5px;border-top:transparent solid 10px;border-bottom:transparent solid 10px}.cp-cassette[data-astro-cid-x4rwjv4v]:after{position:absolute;z-index:20;bottom:20px;right:-3px;content:"";height:90px;border-left:var(--body) solid 5px;border-top:transparent solid 10px;border-bottom:transparent solid 10px}.cp-screw[data-astro-cid-x4rwjv4v]{position:absolute;width:22px;height:22px;background:var(--accent);border-radius:50%}.cp-screws[data-astro-cid-x4rwjv4v]{padding:1px 0 0}.cp-screw-inner[data-astro-cid-x4rwjv4v]{position:absolute;width:16px;height:16px;border-radius:50%;top:3px;left:3px;transform:rotate(50deg)}.cp-screw-inner[data-astro-cid-x4rwjv4v]:before,.cp-screw-inner[data-astro-cid-x4rwjv4v]:after{content:"";position:absolute;z-index:2;background:var(--body);border-radius:2px}.cp-screw-inner[data-astro-cid-x4rwjv4v]:before{left:50%;width:40%;margin-left:-20%;height:100%}.cp-screw-inner[data-astro-cid-x4rwjv4v]:after{top:50%;height:40%;margin-top:-20%;width:100%}.cp-screws[data-astro-cid-x4rwjv4v] .cp-screw[data-astro-cid-x4rwjv4v]:nth-child(1){top:5px;left:10px}.cp-screws[data-astro-cid-x4rwjv4v] .cp-screw[data-astro-cid-x4rwjv4v]:nth-child(2){top:5px;right:10px}.cp-screws[data-astro-cid-x4rwjv4v] .cp-screw[data-astro-cid-x4rwjv4v]:nth-child(3){left:10px;bottom:5px}.cp-screws[data-astro-cid-x4rwjv4v] .cp-screw[data-astro-cid-x4rwjv4v]:nth-child(4){right:10px;bottom:5px}.cp-outer-sticker[data-astro-cid-x4rwjv4v]{background:var(--accent);width:474px;height:210px;border-radius:16px;margin:25px auto 0;position:relative}.cp-sticker[data-astro-cid-x4rwjv4v]{background:var(--label-bg);width:466px;height:200px;border-radius:16px;margin:5px auto 0;position:relative}.cp-sticker-header[data-astro-cid-x4rwjv4v]{float:left;padding:10px 20px 0;width:100%}.cp-side[data-astro-cid-x4rwjv4v]{font-weight:700;font-size:30px;color:var(--label-bg);padding:0 5px 1px;line-height:32px;margin-top:10px;background:var(--ink);float:left;border-radius:5px}.cp-notes[data-astro-cid-x4rwjv4v]{float:left;margin-left:15px;width:374px;display:flex;align-items:center;padding-top:6px}.cp-notes[data-astro-cid-x4rwjv4v] p[data-astro-cid-x4rwjv4v]{font-size:22px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.cp-sticker-center[data-astro-cid-x4rwjv4v]{position:relative;display:inline-block;width:100%}.cp-cassette-center[data-astro-cid-x4rwjv4v]{background:var(--body);width:318px;height:92px;border-radius:16px;position:absolute;top:0;left:50%;margin-left:-159px;overflow:hidden}.cp-circle[data-astro-cid-x4rwjv4v]{border-radius:50%;background:#fff;position:absolute}.cp-circle[data-astro-cid-x4rwjv4v]:nth-child(1){left:15px;width:65px;height:65px;top:11px}.cp-circle[data-astro-cid-x4rwjv4v]:nth-child(2){right:15px;width:65px;height:65px;top:11px}.cp-circle[data-astro-cid-x4rwjv4v] i[data-astro-cid-x4rwjv4v]{display:block;position:absolute;width:4px;height:55%;left:45%;top:-5%;border-top:solid 15px var(--body);transform-origin:50% 100%;z-index:999}.cp-circle[data-astro-cid-x4rwjv4v] i[data-astro-cid-x4rwjv4v]:nth-child(1){transform:rotate(30deg)}.cp-circle[data-astro-cid-x4rwjv4v] i[data-astro-cid-x4rwjv4v]:nth-child(2){transform:rotate(90deg)}.cp-circle[data-astro-cid-x4rwjv4v] i[data-astro-cid-x4rwjv4v]:nth-child(3){transform:rotate(150deg)}.cp-circle[data-astro-cid-x4rwjv4v] i[data-astro-cid-x4rwjv4v]:nth-child(4){transform:rotate(210deg)}.cp-circle[data-astro-cid-x4rwjv4v] i[data-astro-cid-x4rwjv4v]:nth-child(5){transform:rotate(270deg)}.cp-circle[data-astro-cid-x4rwjv4v] i[data-astro-cid-x4rwjv4v]:nth-child(6){transform:rotate(330deg)}.cp-window[data-astro-cid-x4rwjv4v]{position:absolute;overflow:hidden;background:#fff;width:122px;height:60px;left:50%;margin-left:-61px;margin-top:15px;border-radius:5px}.cp-reel[data-astro-cid-x4rwjv4v]{border-radius:50%;background:var(--accent);position:absolute}.cp-reel[data-astro-cid-x4rwjv4v]:nth-child(1){width:190px;height:190px;left:-135px;top:-65px}.cp-reel[data-astro-cid-x4rwjv4v]:nth-child(2){width:80px;height:80px;right:-80px;top:-10px}.cp-cassette-bottom-outer[data-astro-cid-x4rwjv4v]{position:absolute;left:50%;margin-left:-175px;bottom:0;border-bottom:80px solid var(--accent);border-left:20px solid transparent;border-right:20px solid transparent;height:0;width:350px}.cp-cassette-bottom[data-astro-cid-x4rwjv4v]{border-bottom:80px solid var(--body);border-left:20px solid transparent;border-right:20px solid transparent;position:relative;margin-left:-15px;margin-top:5px;height:0;width:340px}.cp-cassette-bottom[data-astro-cid-x4rwjv4v] .cp-screw[data-astro-cid-x4rwjv4v]{bottom:0;left:50%;margin-left:-10px;top:20px}.cp-holes[data-astro-cid-x4rwjv4v] div[data-astro-cid-x4rwjv4v]{position:absolute;bottom:-70px}.cp-hole-big[data-astro-cid-x4rwjv4v]{width:25px;height:25px;border-radius:50%;background:#fff}.cp-hole-small[data-astro-cid-x4rwjv4v]{width:20px;height:20px;border-radius:50%;background:#fff}.cp-holes[data-astro-cid-x4rwjv4v] [data-astro-cid-x4rwjv4v]:nth-child(1){left:20px;box-shadow:var(--accent) -2px 2px 0}.cp-holes[data-astro-cid-x4rwjv4v] [data-astro-cid-x4rwjv4v]:nth-child(2){left:70px;bottom:-60px;box-shadow:var(--accent) -2px 2px 0}.cp-holes[data-astro-cid-x4rwjv4v] [data-astro-cid-x4rwjv4v]:nth-child(3){right:20px;box-shadow:var(--accent) 2px 2px 0}.cp-holes[data-astro-cid-x4rwjv4v] [data-astro-cid-x4rwjv4v]:nth-child(4){right:70px;bottom:-60px;box-shadow:var(--accent) 2px 2px 0}.player-bar[data-astro-cid-upnd4fnd]{position:fixed;bottom:-8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;z-index:200;background:#c9c8c3;border-radius:10px 10px 0 0;padding:8px 12px 0;box-shadow:0 -1px #ffffff80,0 -6px 24px #00000038}.player-bar[data-astro-cid-upnd4fnd].start-hidden{bottom:0;transform:translate(-50%) translateY(calc(100% + 8px));transition:transform .45s cubic-bezier(.4,0,.2,1)}.player-bar[data-astro-cid-upnd4fnd].start-hidden.visible{transform:translate(-50%) translateY(0)}@media(min-width:768px){.player-bar[data-astro-cid-upnd4fnd].sidebar{left:0;transform:none;width:200px;justify-content:center}.player-bar[data-astro-cid-upnd4fnd].sidebar.start-hidden{transform:translateY(calc(100% + 8px))}.player-bar[data-astro-cid-upnd4fnd].sidebar.start-hidden.visible{transform:translateY(0)}}.player-cassette-wrap[data-astro-cid-upnd4fnd]{width:187px;height:85px;overflow:hidden;flex-shrink:0;position:relative;pointer-events:none}.player-cassette-wrap[data-astro-cid-upnd4fnd].inserted{pointer-events:auto;cursor:pointer}.player-cassette-wrap[data-astro-cid-upnd4fnd]:not(.inserted) .cassette[data-astro-cid-upnd4fnd]{opacity:0}.cassette-placeholder[data-astro-cid-upnd4fnd]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px 0;gap:20px;border:1.5px dashed rgba(0,0,0,.22);border-radius:6px;color:#0000004d;pointer-events:none}.cassette-placeholder[data-astro-cid-upnd4fnd] span[data-astro-cid-upnd4fnd]{font-size:8px;letter-spacing:.1em;text-transform:uppercase}.player-cassette-wrap[data-astro-cid-upnd4fnd].inserted .cassette-placeholder[data-astro-cid-upnd4fnd]{display:none}.player-cassette-wrap[data-astro-cid-upnd4fnd] .cassette[data-astro-cid-upnd4fnd]{transform:scale(.35);transform-origin:top left;will-change:transform}@media(max-width:479px){.player-bar[data-astro-cid-upnd4fnd]{gap:20px;left:0;right:0;transform:none;width:100%;border-radius:16px 16px 0 0;padding-left:16px;padding-right:16px;padding-bottom:env(safe-area-inset-bottom,0px);bottom:0;justify-content:center}.player-bar[data-astro-cid-upnd4fnd].start-hidden{transform:translateY(calc(100% + 0px))}.player-bar[data-astro-cid-upnd4fnd].start-hidden.visible{transform:translateY(0)}.player-cassette-wrap[data-astro-cid-upnd4fnd]{width:120px;height:55px}.player-cassette-wrap[data-astro-cid-upnd4fnd] .cassette[data-astro-cid-upnd4fnd]{transform:scale(.225);transform-origin:top left}}.physical-controls[data-astro-cid-upnd4fnd]{display:flex;gap:8px;align-items:center;padding-bottom:10px}.btn-physical[data-astro-cid-upnd4fnd]{width:44px;height:44px;padding:0;border:none;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;flex-shrink:0;background:#252220;box-shadow:inset 0 1px #ffffff14,0 3px #0d0b0a,0 3px 8px #00000047;transition:transform .05s ease,box-shadow .05s ease;color:#ffffffb8;display:flex;align-items:center;justify-content:center}#btn-play[data-astro-cid-upnd4fnd]{background:#c44d00;box-shadow:inset 0 1px #ffffff2e,0 3px #5a2300,0 3px 8px #00000047}.btn-physical[data-astro-cid-upnd4fnd].btn-primary{width:50px;height:50px}.btn-face[data-astro-cid-upnd4fnd]{display:flex;align-items:center;justify-content:center}.btn-shaft[data-astro-cid-upnd4fnd]{display:none}.btn-physical[data-astro-cid-upnd4fnd]:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff0a,0 1px #0d0b0a,0 1px 3px #0003}#btn-play[data-astro-cid-upnd4fnd]:active{box-shadow:inset 0 1px #ffffff14,0 1px #5a2300,0 1px 3px #0003}.btn-physical[data-astro-cid-upnd4fnd].pressed{transform:translateY(2px);background:#191816;box-shadow:inset 0 2px 4px #00000073,0 1px #0d0b0a}#btn-play[data-astro-cid-upnd4fnd].pressed{background:#a34000;box-shadow:inset 0 2px 4px #0000004d,0 1px #5a2300}body{transition:background-color .6s ease}.cassette{--body: hsl(200, 50%, 38%);--accent: hsl(200, 50%, 26%);--label-bg: hsl(200, 40%, 68%);--detail: hsl(260, 48%, 42%);position:relative;background:var(--body);border-radius:16px;width:534px;height:335px;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001f}.cassette:before{position:absolute;z-index:20;bottom:20px;left:-3px;content:"";height:90px;border-right:var(--body) solid 5px;border-top:transparent solid 10px;border-bottom:transparent solid 10px}.cassette:after{position:absolute;z-index:20;bottom:20px;right:-3px;content:"";height:90px;border-left:var(--body) solid 5px;border-top:transparent solid 10px;border-bottom:transparent solid 10px}.screw{position:absolute;display:block;width:22px;height:22px;background:var(--accent);border-radius:50%}.screws{padding:1px 0 0}.screw-inner{position:absolute;display:block;width:16px;height:16px;border-radius:50%;top:3px;left:3px;transform:rotate(50deg)}.screw-inner:before,.screw-inner:after{content:"";position:absolute;z-index:2;background:var(--body);border-radius:2px}.screw-inner:before{left:50%;width:40%;margin-left:-20%;height:100%}.screw-inner:after{top:50%;height:40%;margin-top:-20%;width:100%}.screws .screw:nth-child(1){top:5px;left:10px}.screws .screw:nth-child(2){top:5px;right:10px}.screws .screw:nth-child(3){left:10px;bottom:5px}.screws .screw:nth-child(4){right:10px;bottom:5px}.outer-sticker{background:var(--accent);width:474px;height:210px;border-radius:16px;margin:25px auto 0;position:relative}.sticker{background:var(--label-bg);width:466px;height:200px;border-radius:16px;margin:5px auto 0;position:relative}.sticker-header{display:flex;align-items:center;padding:10px 20px 0;width:100%}.side{font-weight:700;font-size:30px;color:var(--label-bg);padding:0 5px 1px;line-height:32px;background:var(--ink);border-radius:5px;flex-shrink:0}.notes{margin-left:15px;width:374px;display:flex;align-items:center}.notes p{font-family:Pixelify Sans,monospace;font-size:22px;font-weight:700;line-height:1.2;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.sticker-center{position:relative;display:inline-block;width:100%}.stripe-a{background:var(--accent);display:none;width:100%;height:30px}.stripe-b{background:var(--detail);display:none;width:100%;height:30px;margin-top:30px}.cassette-center{background:var(--body);width:318px;height:92px;border-radius:16px;position:absolute;top:0;left:50%;margin-left:-159px;overflow:hidden}.circle{border-radius:50%;background:#fff;position:absolute}.circle:nth-child(1){left:15px;width:65px;height:65px;top:11px}.circle:nth-child(2){right:15px;width:65px;height:65px;top:11px}.circle i{display:block;position:absolute;width:4px;height:55%;left:45%;top:-5%;border-top:solid 15px var(--body);transform-origin:50% 100%;z-index:999}.circle i:nth-child(1){transform:rotate(30deg)}.circle i:nth-child(2){transform:rotate(90deg)}.circle i:nth-child(3){transform:rotate(150deg)}.circle i:nth-child(4){transform:rotate(210deg)}.circle i:nth-child(5){transform:rotate(270deg)}.circle i:nth-child(6){transform:rotate(330deg)}.window{position:absolute;overflow:hidden;background:#fff;width:122px;height:60px;left:50%;margin-left:-61px;margin-top:15px;border-radius:5px}.window .reel{border-radius:50%;background:var(--accent);position:absolute;top:-60px}.window .reel:nth-child(1){width:var(--reel-l, 190px);height:var(--reel-l, 190px);left:calc(-40px - var(--reel-l, 190px) / 2);top:calc(30px - var(--reel-l, 190px) / 2)}.window .reel:nth-child(2){width:var(--reel-r, 80px);height:var(--reel-r, 80px);right:calc(-40px - var(--reel-r, 80px) / 2);top:calc(30px - var(--reel-r, 80px) / 2)}.cassette-bottom-outer{position:absolute;left:50%;margin-left:-175px;bottom:0;border-bottom:80px solid var(--accent);border-left:20px solid transparent;border-right:20px solid transparent;height:0;width:350px}.cassette-bottom{border-bottom:80px solid var(--body);border-left:20px solid transparent;border-right:20px solid transparent;position:relative;margin-left:-15px;margin-top:5px;height:0;width:340px}.cassette-bottom .screw{bottom:0;left:50%;margin-left:-10px;top:20px}.holes div{position:absolute;bottom:-70px}.hole-big{width:25px;height:25px;border-radius:50%;background:#fff}.hole-small{width:20px;height:20px;border-radius:50%;background:#fff}.holes :nth-child(1){left:20px;box-shadow:var(--accent) -2px 2px 0}.holes :nth-child(2){left:70px;bottom:-60px;box-shadow:var(--accent) -2px 2px 0}.holes :nth-child(3){right:20px;box-shadow:var(--accent) 2px 2px 0}.holes :nth-child(4){right:70px;bottom:-60px;box-shadow:var(--accent) 2px 2px 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.cassette-item.playing .circle,.player-cassette-wrap.playing .circle{animation:spin 2s linear infinite}.cassette-item.playing .window .reel,.player-cassette-wrap.playing .window .reel{animation:spin .8s linear infinite}