.afr-player-volume-container[data-v-20722d1f]{position:relative;display:flex;height:60px;width:60px;cursor:pointer;align-items:center;justify-content:center;font-size:22px}.afr-volume-control[data-v-20722d1f]{position:absolute;top:-200px;z-index:2;height:200px;width:3rem;flex-direction:column;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-top:1rem;padding-bottom:1rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);display:flex}.afr-player-volume-container .afr-volume-control[data-v-20722d1f]{display:none}.afr-player-volume-container:hover .afr-volume-control[data-v-20722d1f]{display:flex}.afr-volume-progress[data-v-20722d1f]{position:relative;margin-left:auto;margin-right:auto;width:8px;flex-grow:1;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.afr-volume-point[data-v-20722d1f]{position:absolute;left:50%;height:18px;width:18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translate(-50%,-9px)}.afr-volume-info[data-v-20722d1f]{margin-inline-start:2.25rem;width:30px;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-top:.25rem;padding-bottom:.25rem;text-align:center;font-size:.75rem;line-height:1rem}.afr-progress-bar[data-v-202689cc]{height:1rem;width:100%;border-top-left-radius:.25rem;border-top-right-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.afr-progress-line[data-v-202689cc]{height:100%;border-top-left-radius:.25rem;border-top-right-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity))}.afr-progress-bar-cursor-position[data-v-202689cc]{position:absolute;z-index:3;margin-inline-start:-30px;margin-top:-1.75rem;display:none;width:60px;justify-content:center;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-top:.25rem;padding-bottom:.25rem;font-size:.75rem;line-height:1rem}.afr-progress-bar:hover .afr-progress-bar-cursor-position[data-v-202689cc]{display:flex}.afr-player-text-block[data-v-abb53598]{position:relative;margin-left:.5rem;margin-right:.5rem;height:100%;flex-grow:1;overflow:hidden;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity));padding:1rem;--tw-shadow: 0 0 10px -3px rgba(0,0,0,.6);--tw-shadow-colored: 0 0 10px -3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 1024px){.afr-player-text-block[data-v-abb53598]{margin-left:0;margin-right:0}}.afr-player-text-block[data-v-abb53598]:before{position:absolute;left:0;top:50%;height:.125rem;width:100%;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));opacity:.05;content:"";transform:translateY(-50%)}.text-container[data-v-abb53598]{position:absolute;left:0;z-index:1;width:100%}.text-item[data-v-abb53598]{display:flex;align-items:center;justify-content:center;text-wrap:nowrap;font-size:.875rem;line-height:1.25rem}.afr-player-text[data-v-4c70f10b]{margin-bottom:.5rem;display:flex;height:calc(100vh - 300px);width:100%;flex-grow:1;flex-direction:column;gap:.5rem}@media (min-width: 1024px){.afr-player-text[data-v-4c70f10b]{height:220px;flex-direction:row}}.search-result[data-v-0d10ed33]{position:relative;margin-left:.25rem;margin-right:.25rem}.search-result ul[data-v-0d10ed33]{position:absolute;width:100%;overflow:hidden;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);z-index:11}.search-result ul li[data-v-0d10ed33]{cursor:pointer;padding:.25rem 1rem;text-align:start;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.search-result ul li[data-v-0d10ed33]:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.afr-player-bar[data-v-d1841a1a]{position:fixed;bottom:0;z-index:10;margin-left:auto;margin-right:auto;width:100%;border-top-left-radius:.25rem;border-top-right-radius:.25rem}@media (min-width: 1024px){.afr-player-bar[data-v-d1841a1a]{margin-inline-start:-.5rem;max-width:1440px}}.afr-player-load-file[data-v-d1841a1a]{position:relative;margin-left:.5rem;margin-right:.5rem;border-radius:.5rem;border-width:1px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity));padding:.5rem}.is-over-drop-zone[data-v-d1841a1a]{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.afr-player-info[data-v-d1841a1a]{cursor:pointer;font-size:1.125rem;line-height:2rem}@media (min-width: 1024px){.afr-player-info[data-v-d1841a1a]{font-size:.75rem;line-height:1.25rem}}.afr-player-file-name[data-v-d1841a1a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-wrap:nowrap;text-align:center;font-size:1.125rem;line-height:1.75rem;font-weight:600}@media (min-width: 1024px){.afr-player-file-name[data-v-d1841a1a]{font-size:.75rem;line-height:1rem}}.afr-player-controls[data-v-d1841a1a]{display:flex;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;font-size:32px}.afr-player-btn[data-v-d1841a1a]{cursor:pointer;padding:1rem .75rem}.afr-player-btn[data-v-d1841a1a]:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}@media (min-width: 1024px){.afr-player-btn[data-v-d1841a1a]{padding:1rem .5rem}}.afr-track-info[data-v-d1841a1a]{display:flex;flex-grow:1;align-items:center}@media (min-width: 1024px){.afr-track-info[data-v-d1841a1a]{margin-inline-start:.625rem}}.afr-track-image[data-v-d1841a1a]{margin-inline-start:.5rem}.afr-track-image img[data-v-d1841a1a]{display:none;height:60px;width:60px;-o-object-fit:contain;object-fit:contain}@media (min-width: 1024px){.afr-track-image img[data-v-d1841a1a]{display:block}}.afr-artist[data-v-d1841a1a]{font-size:.875rem;line-height:1.25rem}.afr-track[data-v-d1841a1a]{font-size:.875rem;line-height:1.25rem;font-weight:700}.afr-track-time[data-v-d1841a1a]{display:flex;align-items:center;justify-content:flex-start;font-size:.75rem;line-height:1rem}@media (min-width: 1024px){.afr-track-time[data-v-d1841a1a]{font-size:.875rem;line-height:1.25rem}}