*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.left-0{left:0}.left-\[50\%\]{left:50%}.right-0{right:0}.top-\[50\%\]{top:50%}.z-10{z-index:10}.z-50{z-index:50}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-mb-4{margin-bottom:-1rem}.-mr-4{margin-right:-1rem}.mb-3{margin-bottom:.75rem}.mr-60{margin-right:15rem}.mt-2{margin-top:.5rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-\[1px\]{height:1px}.h-\[27px\]{height:27px}.h-\[300px\]{height:300px}.h-full{height:100%}.w-\[100px\]{width:100px}.w-\[27px\]{width:27px}.w-\[98\%\]{width:98%}.w-full{width:100%}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.divide-neutral-300>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(212 212 212 / var(--tw-divide-opacity, 1))}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-indigo-400{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}.border-rose-400{--tw-border-opacity: 1;border-color:rgb(251 113 133 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-zinc-500{--tw-border-opacity: 1;border-color:rgb(113 113 122 / var(--tw-border-opacity, 1))}.border-zinc-600{--tw-border-opacity: 1;border-color:rgb(82 82 91 / var(--tw-border-opacity, 1))}.bg-rose-700{--tw-bg-opacity: 1;background-color:rgb(190 18 60 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xs{font-size:.75rem;line-height:1rem}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.opacity-100{opacity:1}.opacity-50{opacity:.5}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--television-width: 430px;--television-height: 420px;--television-bgcolor: #400e0d;--television-bgcolor-dark: #9d110a;--antenna-gradient: linear-gradient( to top, #444 10%, #999 25% 40%, #444 70%, #2224 90% )}body{margin:0;background-image:radial-gradient(#da7878,#5b0f0f);overflow-y:hidden;height:100vh}.tv{width:var(--television-width);height:var(--television-height);display:flex;flex-direction:column;align-items:center}.tv .antenna-container{width:235px;height:85px;display:flex;flex-direction:column;justify-content:flex-end}.tv .antenna-container .antenna{width:100%;height:4px;background:var(--antenna-gradient);transform-origin:100% 50%;transform:rotate(20deg) translateY(3px);z-index:0;display:flex;align-items:center}.tv .antenna-container .antenna:before{content:"";display:block;width:8px;height:10px;background:var(--antenna-gradient);border-radius:24% 53% 53% 24%/36% 40% 40% 36%;border:1px solid #444;border-left:0;border-bottom:0;transform:translateY(-1px)}.tv .television-container{display:flex;flex-direction:column;align-items:center;z-index:1}.tv .television-container .television{width:600px;height:480px;border-radius:35px/45px;box-shadow:2px 2px 5px #0004,2px -2px 2px #8b0000 inset,2px 1px 1px #fff inset,0 0 3px 5px #0002;background:linear-gradient(var(--television-bgcolor),var(--television-bgcolor-dark));display:flex;justify-content:center;align-items:center;z-index:2}.tv .television-container .television .television-inner{width:93%;height:90%;background:linear-gradient(to bottom,#454c45 5%,#232522 35%,#232522 45%);border-bottom:1px solid #fff;box-shadow:0 1px 2px #470404 inset;border-radius:25px;position:relative;display:grid;grid-template-columns:3fr 1fr;grid-template-rows:.8fr;align-content:center;gap:3px}.tv .television-container .television .television-inner .television-screen-container{border:1px solid #222;box-shadow:0 2px 2px #888,2px 0 2px #444,-2px 0 2px #444,0 -2px 2px #111;border-radius:35px/45px;margin:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;background:linear-gradient(70deg,#555 15%,transparent 30%),repeating-conic-gradient(#222 0,#222 30deg,#333,#222 90deg)}.tv .television-container .television .television-inner .television-screen-container .television-crt{width:99%;height:95%;background:#111;box-shadow:0 0 5px 2px #111,0 0 10px 2px #1112;border-radius:35px/45px;overflow:hidden;display:flex;justify-content:center;align-items:center}.tv .television-container .television .television-inner .television-screen-container .television-crt .television-screen{background:#302d30;width:95%;height:95%;border-radius:10%;box-shadow:0 0 5px 2px #111 inset;overflow:hidden;position:relative}.tv .television-container .television .television-inner .television-screen-container .television-crt .television-screen .noise{width:100%;height:100%;background:linear-gradient(to bottom,transparent,#aaa4,#8881,#6664,#4445,#2228,#4443,transparent),repeating-linear-gradient(transparent 0 2px,#25242950 2px,#25242950 4px);animation:moveBand 8s linear infinite;z-index:4;position:relative}.tv .television-container .television .television-inner .television-screen-container .television-crt .television-screen .off{width:100%;height:100%;background:radial-gradient(#222,#1a1a1a,#111);z-index:5;position:absolute;top:0}.tv .television-container .television .television-inner .television-screen-container .television-crt .television-screen .logo-container{position:absolute;z-index:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tv .television-container .television .television-inner .television-screen-container .television-crt .television-screen .logo-container .logo{background:#f34b59;width:45px;height:32px;border-radius:8px;margin-right:5px;display:grid;place-items:center}.tv .television-container .television .television-inner .television-screen-container .television-crt .television-screen .logo-container .logo .play{width:15px;height:15px;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}.tv .television-container .television .television-inner .television-screen-container .television-crt .television-screen .logo-container .text{font-family:Heading Pro,sans-serif;font-size:42px;color:#fff;letter-spacing:-1px}.tv .television-container .television .television-inner .television-lateral{display:grid;grid-template-rows:1.1fr 1fr;gap:12px;margin:15px 15px 15px 0}.tv .television-container .television .television-inner .television-lateral .dial-container{border:2px solid #333;border-left:1px solid #444;border-bottom:2px solid #444;border-radius:5px;box-shadow:-2px 2px 6px #111 inset,-1px 2px 3px #aaa;display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center}.tv .television-container .television .television-inner .television-lateral .dial-container .dial{width:42px;height:42px;border:2px solid #6e706f;border-radius:50%;box-shadow:-4px 2px 4px #111,0 0 1px 2px #000;display:flex;justify-content:center;align-items:center;position:relative;cursor:grab}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .data-container{display:flex;justify-content:center;width:100%;height:100%}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .data-container .data{color:#888;font-size:6px;text-shadow:0 0 2px #888;position:absolute;top:0;height:100%;transform-origin:50% 50%}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .data-container .data:nth-child(2){transform:rotate(30deg)}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .data-container .data:nth-child(3){transform:rotate(60deg)}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .data-container .data:nth-child(4){transform:rotate(90deg)}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .data-container .data:nth-child(5){transform:rotate(120deg)}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .data-container .data:nth-child(6){transform:rotate(150deg)}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .data-container .data:nth-child(7){transform:rotate(180deg)}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .data-container .data:nth-child(8){transform:rotate(210deg)}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .data-container .data:nth-child(9){transform:rotate(240deg)}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .data-container .data:nth-child(10){transform:rotate(270deg)}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .data-container .data:nth-child(11){transform:rotate(300deg)}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .data-container .data:nth-child(12){transform:rotate(330deg)}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .dial-core{width:28px;height:28px;border-radius:50%;background:conic-gradient(#eee,#eee 45deg,#666 70deg,#666 285deg,#eee 320deg);position:absolute}.tv .television-container .television .television-inner .television-lateral .dial-container .dial .selector{position:absolute;width:75%;background:linear-gradient(#666 30%,#aaa 40%);height:4px;border:1px solid #666;border-radius:4px/8px;transform:rotate(calc(var(--value) - 90deg));transition:transform .25s linear}.tv .television-container .television .television-inner .television-lateral .dial-container .dial.channel-button{background:#000}.tv .television-container .television .television-inner .television-lateral .dial-container .dial.volume-button{background:#ccc}.tv .television-container .television .television-inner .television-lateral .dial-container .dial.volume-button .data{color:#444}.tv .television-container .television .television-inner .television-lateral .speaker-container{display:grid;grid-template-columns:repeat(6,1fr);gap:1px 0;margin-bottom:12px;margin-left:2px;margin-right:2px}.tv .television-container .television .television-inner .television-lateral .speaker-container div{width:10px;height:10px;background:radial-gradient(#000,#222);border-radius:50%;border-bottom:1px solid #fff}.tv .television-container .television .television-inner .buttons{position:absolute;bottom:5px;right:30px;width:60px;display:flex;justify-content:space-between}.tv .television-container .television .television-inner .buttons .button-container{width:20px;height:20px;background:linear-gradient(to bottom,#fff 40%,#aaa 50%,#aaa 55%,#666 70%);border-radius:50%;display:flex;justify-content:center;align-items:center}.tv .television-container .television .television-inner .buttons .button-container .button{width:10px;height:10px;border-radius:50%;background:linear-gradient(to top,#fff 40%,#aaa 50%,#aaa 55%,#666 70%);box-shadow:-1px -1px 1px 2px #000;transform:translate(2px,1px);transition:transform .1s,box-shadow .1s;cursor:pointer}.tv .television-container .television .television-inner .buttons .button-container .button:active{transform:translate(0);box-shadow:0 0 1px 2px #000}.tv .television-container .television-base{width:350px;height:25px;background:linear-gradient(var(--television-bgcolor),var(--television-bgcolor-dark));display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 4px #0009}.tv .television-container .television-base:before,.tv .television-container .television-base:after{content:"";display:block;width:8px;height:100%;background-color:var(--television-bgcolor);background-image:linear-gradient(var(--television-bgcolor),var(--television-bgcolor-dark));transform:translate(var(--x)) skew(var(--skew-x))}.tv .television-container .television-base:before{--skew-x: 10deg;--x: -2px}.tv .television-container .television-base:after{--skew-x: -10deg;--x: 2px}.tv .television-container .television-base .slots{width:50%;height:15px;display:flex;justify-content:center}.tv .television-container .television-base .slots .slot{width:4px;height:100%;background:#0b0000;margin-left:3px;border-radius:2px/1px}.tv .television-container .foot-container{width:70%;display:flex;justify-content:space-between}.tv .television-container .foot-container .foot{width:20px;height:10px;background:var(--television-bgcolor)}.tv .television-container .foot-container .foot.left{box-shadow:4px 0 #850101}.tv .television-container .foot-container .foot.right{box-shadow:-4px 0 #850101}.tv .off{transition:opacity .5s;opacity:1}.tv:not(.on) .off{opacity:0}@keyframes moveBand{0%{background-position-y:0,0}to{background-position-y:-221px,-150px}}.created{background:url(https://assets.codepen.io/154065/internal/avatars/users/default.png),linear-gradient(to bottom,#884ced,#ec1cce);background-size:75px 75px,cover;background-repeat:no-repeat;position:absolute;top:0;right:0;width:250px;height:75px;display:flex;flex-direction:column;align-items:center;padding-left:2em}.created span,.created h2,.created p,.created a{font-family:Montserrat;margin:0}.created a,.created p,.created span{color:#fff}.created h2{font-weight:700;transform:translateY(-4px)}.created a{text-decoration-color:#fff6}.created a:hover{color:#e6e82a}.hover\:border-red-700:hover{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.hover\:bg-rose-400:hover{--tw-bg-opacity: 1;background-color:rgb(251 113 133 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-800:hover{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.hover\:text-zinc-100:hover{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}