.spotify-iframe{border:none;width:100%;height:400px;background-color:#282828;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.spotify-iframe iframe{border-radius:12px}.sidebar-toggle-spotify{position:fixed;top:20px;right:20px;background:var(--glass-background);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;box-shadow:var(--shadow);transition:background .3s}.sidebar-toggle-spotify svg{width:24px;height:24px;fill:var(--text-color)}.sidebar-toggle-spotify:hover{background:var(--hover-bg)}.sidebar-toggle-spotify:hover svg{fill:var(--primary-color)}.sidebar-spotify{position:fixed;top:48%;right:-290px;transform:translateY(-50%);width:300px;height:auto;max-height:80vh;background:var(--glass-background);backdrop-filter:blur(10px);border-left:1px solid var(--glass-border);border-radius:var(--border-radius) 0 0 var(--border-radius);box-shadow:var(--shadow);transition:right .3s ease-in-out;z-index:10000;overflow-y:auto}.sidebar-spotify .loader{position:relative;text-align:center;font-size:16px;color:var(--text-color);margin-top:1rem;border:2px solid rgba(0,0,0,.2);border-top:2px solid #ff6f61;border-radius:50%;width:16px;height:16px;left:110px;animation:spin .6s linear infinite}.sidebar-spotify:hover,.sidebar-spotify.open{right:0}.sidebar-spotify.left{right:auto;left:-290px;border-left:none;border-right:1px solid var(--glass-border);border-radius:0 var(--border-radius) var(--border-radius) 0;transition:left .3s ease-in-out}.sidebar-spotify.left:hover,.sidebar-spotify.left.open{left:0;right:auto}.sidebar-spotify.right .sidebar-toggle-spotify{margin-top:10px}.sidebar-spotify.top{top:-562px;left:10%;transform:translateX(-50%);right:auto;bottom:auto;border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);border-radius:0 0 var(--border-radius) var(--border-radius);transition:top .3s ease-in-out}.sidebar-spotify.top:hover,.sidebar-spotify.top.open{top:0}.sidebar-spotify.bottom{bottom:-562px;left:10%;transform:translateX(-50%);right:auto;top:auto;border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);border-radius:var(--border-radius) var(--border-radius) 0 0;transition:bottom .3s ease-in-out}.sidebar-spotify.bottom:hover,.sidebar-spotify.bottom.open{bottom:0}.sidebar-spotify.left+.sidebar-toggle-spotify{right:auto;left:20px}.sidebar-spotify.top+.sidebar-toggle-spotify{top:20px;left:50%;transform:translateX(-50%);right:auto;bottom:auto}.sidebar-spotify.bottom+.sidebar-toggle-spotify{bottom:20px;left:50%;transform:translateX(-50%);right:auto;top:auto}.sidebar-content-spotify{padding:20px}.sidebar-spotify h2{font-size:18px;margin-bottom:20px;color:var(--text-color)}.sidebar-spotify label{display:block;margin-bottom:10px;font-size:16px;color:var(--text-color)}.sidebar-spotify select{width:100%;padding:10px;margin-bottom:20px}.sidebar-spotify .logo{height:40px;margin-bottom:20px}.sidebar-spotify button[type=submit]{background:var(--primary-color);color:var(--text-color);border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;transition:background .3s}.sidebar-spotify button[type=submit]:hover{background:#e65a50}.sidebar-toggle-spotify{position:fixed;top:20px;right:20px;background:var(--glass-background);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;box-shadow:var(--shadow);transition:background .3s;position:fixed;top:20px;right:20px;background:var(--glass-background);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;box-shadow:var(--shadow);transition:background .3s}.sidebar-toggle-spotify .color-icon{width:24px;height:24px;fill:var(--text-color);transition:fill .3s}.sidebar-toggle-spotify:hover .color-icon{fill:var(--primary-color)}.sidebar-toggle:hover{background:var(--hover-bg);border-radius:var(--border-radius);transition:background .3s ease}/*# sourceMappingURL=spotifySideBar.css.map */