.spotify-widget{background-color:rgba(var(--color-background));color:rgba(var(--color-foreground));overflow:hidden;width:100%;max-width:100rem;margin:0 auto}.spotify-widget__card{padding:1.5rem 1rem;background:#2b2b2b;border-radius:1rem}.spotify-widget__heading{text-align:center;font-size:clamp(1.8rem,1.8vw,3rem);font-weight:700;margin-bottom:clamp(1.2rem,1.8vw,3rem)}.spotify-widget__main{position:relative;display:flex;align-items:center;gap:clamp(1rem,1.2vw,2rem)}.spotify-widget__cover{--dims: clamp(8.5rem, 12vw, 14rem);width:var(--dims);height:var(--dims);border-radius:.6rem;object-fit:cover}.spotify-widget__info h3{font-size:clamp(1.8rem,1.5vw,2.4rem)}.spotify-widget__details{display:flex;justify-content:space-between;align-items:center;flex:1}.spotify-widget__text h3{font-size:14px;font-weight:600;margin:0}.spotify-widget__info{font-size:1.3rem}.spotify-widget__spotify-link{position:absolute;top:0;right:0;display:block}.spotify-widget__spotify-link img{width:2.5rem;-webkit-filter:grayscale(1);filter:grayscale(1);transition:filter .2s}.spotify-widget__open-link:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}.spotify-widget__progress{height:4px;background:var(--ts-color-gray2);position:relative;margin-top:1.5rem;border-radius:6px;overflow:hidden}.spotify-widget__progress-bar{display:block!important;height:100%;background:#1db954;width:0%;transition:width .5s linear}.spotify-widget__status{text-align:center;margin-top:1.8rem}@media only screen and (min-width:768px){.spotify-widget__card{padding:2.5rem 3rem}.spotify-widget__info{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/spotify_widget.css.map */
