@layer rhap{.rhap_container{display:flex;flex-direction:column;line-height:1;font-family:inherit;width:100%;padding:.8rem 1rem;background-color:var(--mantine-color-dark-8);border-radius:var(--mantine-radius-default)}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:1rem}.rhap_footer{margin-top:1rem}.rhap_main{display:flex;flex-direction:column;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:.6rem}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:.6rem}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:.6rem}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:.6rem}.rhap_progress-section{display:flex;flex:1 1 auto;align-items:center;gap:1rem}.rhap_progress-container{display:flex;align-items:center;flex:1 0 auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_progress-container:focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem * var(--mantine-scale))}.rhap_time{color:var(--mantine-color-dark-1);font-family:var(--mantine-font-family-monospace);font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rhap_progress-bar{position:relative;z-index:0;width:100%;height:.3rem;border-radius:var(--mantine-radius-full)}.rhap_progress-filled{height:100%;padding:.2rem 0;top:50%;transform:translateY(-50%);position:absolute;z-index:2;background-color:var(--mantine-color-dark-1);border-radius:var(--mantine-radius-full)}.rhap_progress-bar-show-download{background-color:var(--mantine-color-dark-6)}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:var(--mantine-color-dark-4);border-radius:var(--mantine-radius-full)}.rhap_progress-indicator{position:absolute;z-index:3;width:1.5rem;height:1.5rem;margin-left:-.6rem;top:50%;transform:translateY(-50%);background:var(--mantine-color-dark-1);border-radius:var(--mantine-radius-full)}.rhap_controls-section{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center}.rhap_additional-controls{display:flex;align-items:center}.rhap_repeat-button{font-size:1.6rem;width:1.6rem;height:1.6rem;color:var(--mantine-color-dark-1)}.rhap_main-controls{display:flex;justify-content:center;align-items:center;gap:1rem}.rhap_main-controls-button{color:var(--mantine-color-dark-1);font-size:1.6rem;width:1.6rem;height:1.6rem}.rhap_play-pause-button{font-size:2.7rem;width:2.7rem;height:2rem}.rhap_volume-controls{display:flex;justify-content:flex-end;align-items:center}.rhap_volume-container{display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:.6rem}.rhap_volume-button{font-size:1.6rem;width:1.6rem;height:1.6rem;color:var(--mantine-color-dark-1)}.rhap_volume-bar-area{display:flex;align-items:center;width:100%;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{position:relative;width:3rem;height:.25rem;background:var(--mantine-color-dark-4);border-radius:var(--mantine-radius-full)}.rhap_volume-indicator{position:absolute;width:.75rem;height:.75rem;margin-left:-.35rem;background:var(--mantine-color-dark-1);top:50%;z-index:3;transform:translateY(-50%);border-radius:var(--mantine-radius-full);cursor:pointer}.rhap_volume-filled{height:100%;position:absolute;z-index:2;background-color:var(--mantine-color-dark-1);border-radius:var(--mantine-radius-full)}.rhap_button-clear{background-color:transparent;border:none;padding:0;cursor:pointer}.rhap_button-clear:focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem * var(--mantine-scale))}.rhap_button-clear:focus:not(:focus-visible){outline:0}}