.os-mp3{position:fixed;top:calc(var(--os-nav-h, 11.8rem) + 1.6rem);right:2rem;z-index:45;width:20rem;background:rgb(var(--color-background));border:.15rem solid rgb(var(--color-foreground));font-family:var(--font-mono)}.os-mp3[hidden]{display:none}.os-mp3__titlebar{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;border-bottom:.15rem solid rgb(var(--color-foreground));cursor:default}.os-mp3__titlebar-label{font-size:1.1rem;letter-spacing:.02em;color:rgba(var(--color-foreground),.7)}.os-mp3__chrome-buttons{display:flex;gap:.4rem}.os-mp3__chrome-btn{width:1.6rem;height:1.6rem;padding:0;background:none;border:.1rem solid rgba(var(--color-foreground),.5);cursor:pointer;display:flex;align-items:center;justify-content:center}.os-mp3__chrome-btn:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06)}.os-mp3__chrome-btn svg{width:.8rem;height:.8rem;overflow:visible}.os-mp3__chrome-btn svg line{stroke:rgb(var(--color-foreground));stroke-width:1.3;stroke-linecap:round}.os-mp3__body{max-height:16rem;opacity:1;overflow:hidden;transition:max-height .3s ease,opacity .2s ease,padding .3s ease}.os-mp3.is-minimized .os-mp3__body{max-height:0;opacity:0}@media(prefers-reduced-motion:reduce){.os-mp3__body{transition:none}}.os-mp3__screen{margin:.8rem;padding:.8rem;border:.1rem solid rgba(var(--color-foreground),.4);background:rgba(var(--color-foreground),.035)}.os-mp3__visualizer{display:flex;align-items:flex-end;gap:.2rem;height:4.4rem;margin-bottom:.8rem}.os-mp3__bar{flex:1;min-width:0;height:6%;background:rgb(var(--color-foreground));filter:drop-shadow(0 0 .15rem rgba(var(--color-foreground),.5));transition:height .05s linear}.os-mp3__bar:nth-child(8n){margin-right:.4rem}@media(prefers-reduced-motion:reduce){.os-mp3__bar{transition:none}}.os-mp3__meta{text-align:center}.os-mp3__track{margin:0 0 .6rem;overflow:hidden;display:flex;justify-content:center}.os-mp3__track-track{display:flex;width:max-content}.os-mp3__track-text{margin:0;font-size:1.2rem;color:rgb(var(--color-foreground));white-space:nowrap}@media(prefers-reduced-motion:no-preference){.os-mp3__track-track.is-scrolling{animation:os-mp3-marquee var(--marquee-duration, 9s) linear infinite}}@keyframes os-mp3-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.os-mp3__progress{height:.4rem;background:rgba(var(--color-foreground),.15);cursor:pointer}.os-mp3__progress-fill{height:100%;width:0%;background:rgb(var(--color-foreground))}.os-mp3__progress-fill:empty{display:block}.os-mp3__transport{display:flex;align-items:center;justify-content:center;gap:1.2rem;padding:0 .8rem 1rem}.os-mp3__btn{width:3.2rem;height:3.2rem;padding:0;border-radius:50%;border:.15rem solid rgb(var(--color-foreground));background:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;cursor:pointer}.os-mp3__btn:hover{background:rgba(var(--color-foreground),.06)}.os-mp3__btn--play{width:4rem;height:4rem}.os-mp3__btn svg{width:1.4rem;height:1.4rem;overflow:visible}.os-mp3__btn--play svg{width:1.6rem;height:1.6rem}.os-mp3__btn svg path,.os-mp3__btn svg line{fill:rgb(var(--color-foreground));stroke:rgb(var(--color-foreground));stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.os-mp3__btn svg line{fill:none}@media screen and (max-width:749px){.os-mp3{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-os-mp3-player.css.map */