*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.5}img,svg{display:block;max-width:100%}button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}ul,ol{list-style:none}h1,h2,h3,h4{font-weight:500}html{height:100%;background:#fafafa}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:.9375rem;overflow:hidden;height:100%;color:#1a1a2e;background:#fafafa}.pawtunes{position:relative;overflow:hidden;width:100%;height:100%;margin:0 auto;background:#fafafa;--accent-color: #6C5CE7}.pawtunes .player-message{font-size:.8125rem;position:fixed;z-index:100;bottom:1.5rem;left:50%;padding:.5rem 1.25rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1),visibility 400ms cubic-bezier(0.25, 0.8, 0.25, 1);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1),visibility 400ms cubic-bezier(0.25, 0.8, 0.25, 1);-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;opacity:1;color:#fafafa;border-radius:9999px;background:#1a1a2e}.pawtunes .player-message.hidden{visibility:hidden;opacity:0}.pawtunes .header{position:relative;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:5.5rem;padding:0 1.25rem;background:#fafafa}.pawtunes .current-channel{font-size:1.8rem;font-weight:600;overflow:hidden;text-align:center;white-space:nowrap;text-overflow:ellipsis}.pawtunes .current-channel img{height:68px}.pawtunes .tab-bar{position:absolute;z-index:20;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:3.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-top:1px solid rgba(0,0,0,.1);background:#fafafa;-webkit-box-shadow:0 -2px 12px rgba(0,0,0,.06);box-shadow:0 -2px 12px rgba(0,0,0,.06)}.pawtunes .tab-item{font-size:.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:color 200ms ease,background 200ms ease;transition:color 200ms ease,background 200ms ease;text-decoration:none;color:#71717a;border-right:1px solid rgba(0,0,0,.06);gap:.2rem}.pawtunes .tab-item:last-child{border-right:none}.pawtunes .tab-item svg{-ms-flex-negative:0;flex-shrink:0}.pawtunes .tab-item:hover{color:#1a1a2e;background:rgba(0,0,0,.03)}.pawtunes .tab-item.active{color:#6c5ce7}.pawtunes .container{position:relative;overflow:hidden;height:calc(100% - 5.5rem - 3.5rem)}.pawtunes.no-tab-bar .container{height:calc(100% - 5.5rem)}.pawtunes .container-inner{height:100%;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.25, 0.8, 0.25, 1);transition:-webkit-transform 500ms cubic-bezier(0.25, 0.8, 0.25, 1);transition:transform 500ms cubic-bezier(0.25, 0.8, 0.25, 1);transition:transform 500ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 500ms cubic-bezier(0.25, 0.8, 0.25, 1)}.pawtunes .page{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:hidden;overflow-y:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background:#fafafa;-webkit-overflow-scrolling:touch;-ms-touch-action:pan-y;touch-action:pan-y;-ms-scroll-chaining:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) rgba(0,0,0,0)}.pawtunes .page::-webkit-scrollbar{width:6px}.pawtunes .page::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.pawtunes .page::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(0,0,0,.12)}.pawtunes .page::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.pawtunes .page.main{overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem 1.5rem 2rem}.pawtunes .artwork-area{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:72%;max-width:360px;aspect-ratio:1}.pawtunes .visualizer-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pawtunes .artwork-circle{position:relative;z-index:1;overflow:hidden;width:76%;-webkit-transition:opacity 200ms ease,-webkit-transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1);transition:opacity 200ms ease,-webkit-transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1);transition:transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1),opacity 200ms ease;transition:transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1),opacity 200ms ease,-webkit-transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1);border-radius:50%;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);aspect-ratio:1}.pawtunes .artwork-circle:hover{opacity:.8}.pawtunes .artwork-circle:active{-webkit-transform:scale(0.97);transform:scale(0.97)}.pawtunes .artwork-circle .artwork{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pawtunes .artwork-preloader{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.15);inset:0}.pawtunes .artwork-preloader.hidden{display:none}.pawtunes .artwork-preloader::after{width:2rem;height:2rem;content:"";-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pawtunes .onair{width:100%;max-width:80%;margin-top:1.5rem;text-align:center}.pawtunes .onair .artist,.pawtunes .onair .title{position:relative;overflow:hidden;white-space:nowrap}.pawtunes .onair .artist span,.pawtunes .onair .title span{display:inline-block}.pawtunes .onair .artist.marquee span,.pawtunes .onair .title.marquee span{display:inline-block;padding-right:3rem;-webkit-animation:marquee var(--marquee-duration, 8s) linear infinite;animation:marquee var(--marquee-duration, 8s) linear infinite}.pawtunes .onair .artist.marquee .marquee-copy,.pawtunes .onair .title.marquee .marquee-copy{display:inline-block;padding-right:3rem;-webkit-animation:marquee var(--marquee-duration, 8s) linear infinite;animation:marquee var(--marquee-duration, 8s) linear infinite}.pawtunes .onair .artist{font-size:1.375rem;font-weight:600;line-height:1.3;color:#1a1a2e}.pawtunes .onair .title{font-size:.9375rem;margin-top:.15rem;color:#71717a}@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.pawtunes .player{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;margin-top:2rem}.pawtunes .playback{position:relative;width:72px;height:72px}.pawtunes .play,.pawtunes .stop{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:opacity 200ms ease,-webkit-transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1);transition:opacity 200ms ease,-webkit-transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1);transition:transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1),opacity 200ms ease;transition:transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1),opacity 200ms ease,-webkit-transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1);color:#6c5ce7;inset:0}.pawtunes .play:hover,.pawtunes .stop:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.pawtunes .play:active,.pawtunes .stop:active{-webkit-transform:scale(0.9);transform:scale(0.9)}.pawtunes .play.hidden,.pawtunes .stop.hidden{visibility:hidden;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}.pawtunes .player.paw-seeking .stop::after{position:absolute;content:"";-webkit-animation:seek-pulse 1.4s cubic-bezier(0.25, 0.8, 0.25, 1) infinite;animation:seek-pulse 1.4s cubic-bezier(0.25, 0.8, 0.25, 1) infinite;border:2.5px solid #6c5ce7;border-radius:50%;inset:0}@-webkit-keyframes seek-pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.6}100%{-webkit-transform:scale(1.45);transform:scale(1.45);opacity:0}}@keyframes seek-pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.6}100%{-webkit-transform:scale(1.45);transform:scale(1.45);opacity:0}}.pawtunes .volume-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:70%;margin-top:1.5rem;gap:.75rem}.pawtunes .volume-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-transition:color 200ms ease;transition:color 200ms ease;color:#71717a}.pawtunes .volume-icon:hover{color:#1a1a2e}.pawtunes .volume-icon .muted.hidden{display:none}.pawtunes .volume-icon svg{width:20px;height:20px}.pawtunes .volume-slider{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.5rem 0;cursor:pointer}.pawtunes .vol-progress{position:relative;height:4px;border-radius:9999px;background:rgba(0,0,0,.06)}.pawtunes .vol-progress::before{position:absolute;content:"";inset:-8px 0}.pawtunes .vol-bar{position:relative;width:50%;height:100%;-webkit-transition:none;transition:none;border-radius:9999px;background:#6c5ce7}.pawtunes .circle-control{position:absolute;top:50%;right:0;width:14px;height:14px;margin-top:-7px;margin-right:-7px;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease;opacity:0;border-radius:50%;background:#6c5ce7;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2)}.pawtunes .volume-slider:hover .circle-control,.pawtunes .volume-slider:active .circle-control{opacity:1}.pawtunes.no-volume .volume-control,.pawtunes.no-volume .volume-icon{display:none}@media(hover: none)and (pointer: coarse){.pawtunes .volume-control{display:none}}.pawtunes .page.history,.pawtunes .page.settings-page{padding:0 1.25rem 2rem}.pawtunes .page-header{position:sticky;z-index:5;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 1rem;background:#fafafa;gap:.75rem}.pawtunes .page-header h3{font-size:1.125rem;font-weight:600}.pawtunes .history-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.pawtunes .history-list table{width:100%}.pawtunes .history-item.hidden{display:none}.pawtunes .history-item td{padding:.6rem 0;vertical-align:middle;border-bottom:1px solid rgba(0,0,0,.06)}.pawtunes .history-item .history-artwork{width:3.25rem;padding-right:.75rem}.pawtunes .history-item .history-artwork img{width:3.25rem;height:3.25rem;border-radius:.5rem;-o-object-fit:cover;object-fit:cover}.pawtunes .history-item .history-artwork .artwork-preloader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:.5rem;background:rgba(0,0,0,.06)}.pawtunes .history-item .history-artwork .artwork-preloader::after{width:1rem;height:1rem;content:"";-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:2px solid rgba(0,0,0,.1);border-top-color:#6c5ce7;border-radius:50%}.pawtunes .history-item .history-track{font-size:.8125rem;line-height:1.4;color:#1a1a2e}.pawtunes .history-item .history-time-ago{font-size:.75rem;margin-top:.15rem;text-align:left;color:#71717a}.pawtunes .history-unavailable{font-size:.8125rem;padding:3rem 0;text-align:center;color:#71717a}.pawtunes .history-unavailable.hidden{display:none}.pawtunes .channels.hidden,.pawtunes .settings.hidden{display:none}.pawtunes .settings:not(.hidden){margin-top:1.5rem}.pawtunes .settings:not(.hidden) h4{font-size:.8125rem;margin-bottom:.75rem;letter-spacing:.05em;text-transform:uppercase;color:#71717a}.pawtunes .channel-list,.pawtunes .streams-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.4rem}.pawtunes .channel-list li a,.pawtunes .streams-list li a{font-size:.8125rem;font-weight:500;display:block;padding:.75rem 1rem;-webkit-transition:all 200ms ease;transition:all 200ms ease;color:#1a1a2e;border:1px solid rgba(0,0,0,.06);border-radius:.75rem;background:#fff}.pawtunes .channel-list li a:hover,.pawtunes .streams-list li a:hover{background:rgba(0,0,0,.06)}.pawtunes .channel-list li a:active,.pawtunes .streams-list li a:active{-webkit-transform:scale(0.98);transform:scale(0.98)}.pawtunes .channel-list li.active a,.pawtunes .streams-list li.active a{color:#fff;border-color:#6c5ce7;background:#6c5ce7}.pawtunes .css-hint{position:relative}.pawtunes .css-hint:before{font-size:.75rem;position:absolute;bottom:100%;left:50%;padding:.3rem .6rem;content:attr(data-title);-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;pointer-events:none;opacity:0;color:#fafafa;border-radius:.5rem;background:#1a1a2e}.pawtunes .css-hint:hover:before{opacity:1}.pawtunes .hidden{display:none}.pawtunes .text-center{text-align:center}.pawtunes .icon-fill{fill:#71717a}
/*# sourceMappingURL=modern.css.map */