.spotify-playlist .playlist-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.spotify-playlist .playlist-header .playlist-cover{width:100px;height:100px;object-fit:cover;border-radius:8px}.spotify-playlist .playlist-header h3{margin:0;font-family:Cakra,sans-serif;color:var(--black)}.spotify-playlist .playlist-header p{margin:0;color:var(--black);font-size:14px}.spotify-playlist .tracks-list .track-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #eee}.spotify-playlist .tracks-list .track-item:last-child{border-bottom:none}.spotify-playlist .tracks-list .track-item .track-artwork{width:40px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0}.spotify-playlist .tracks-list .track-item .track-info{flex:1;min-width:0}.spotify-playlist .tracks-list .track-item .track-info h4{margin:0;font-size:14px;font-weight:700;color:var(--black);font-family:Menlo,monospace}.spotify-playlist .tracks-list .track-item .track-info .track-artist{margin:0;font-size:12px;color:#666;font-family:Menlo,monospace}.spotify-playlist .tracks-list .track-item .track-info .track-album{margin:0;font-size:11px;color:#999;font-family:Menlo,monospace}.spotify-playlist .tracks-list .track-item .spotify-link{text-decoration:none;background-color:#1db954;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-family:Menlo,monospace;white-space:nowrap;flex-shrink:0}.spotify-playlist .tracks-list .track-item .spotify-link:hover{background-color:#1ed760}.spotify-playlist .tracks-list .tracks-summary{text-align:left;margin-top:12px;font-size:10px;color:#666;font-family:Menlo,monospace}.spotify-loading,.spotify-error{text-align:center;padding:2rem}.spotify-loading p,.spotify-error p{margin:0;color:var(--black);font-family:Menlo,monospace}.spotify-error p{color:var(--orange)}.window_content{position:relative}.window_content .spotify-open-button{position:absolute;bottom:1rem;right:1rem;border-radius:0;background:linear-gradient(to right,#cecece,#ebebeb);border:1px solid var(--black);cursor:pointer;padding:6px 12px;display:flex;align-items:center;gap:10px;font-family:Menlo,serif;text-transform:uppercase;font-size:.75rem;font-weight:400;color:var(--black);text-decoration:none}.window_content .spotify-open-button:hover{background-color:#ff4d1a}main{display:grid;grid-template-areas:"hed hed" "cal hig" "cal hig";gap:3rem;padding:5rem;grid-template-rows:repeat(3,auto);grid-template-columns:calc(70% - 1.5rem) calc(30% - 1.5rem);background:var(--orange) url(/events-bg.png);height:max-content;overflow:hidden;position:relative}main .events_head{grid-area:hed;display:flex;flex-wrap:wrap;gap:3rem;align-items:flex-start;justify-content:space-between}main .window{z-index:2;width:fit-content;height:fit-content}main .window p{text-transform:uppercase;font-size:1rem}main .window p.small-text{font-size:.75rem}main .window_title{grid-area:tit}main .window_notice{grid-area:wwm;min-width:300px}main .window_notice .window_content{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}main .window_notice div{display:flex;gap:2rem;align-items:center;justify-content:space-between}main .window_notice div a{font-family:Menlo;text-transform:uppercase;border-radius:0;text-decoration:none;color:var(--white);background:linear-gradient(to right,var(--blue) 0%,var(--orange) 100%);border:1px solid var(--black);font-size:.75rem;white-space:nowrap;padding:6px 12px;max-height:fit-content}main .window_playlist{grid-area:spo}main .react-draggable:has(.window_calendar){grid-area:cal}main .react-draggable:has(.window_highlights){grid-area:hig}main .window_calendar{container-type:inline-size;container-name:calendarWindow;width:100%}main .window_highlights{grid-area:hig}main .card h2{font-size:2em}@container calendarWindow (width < 1200px){.events_content{grid-template-columns:1fr;row-gap:3rem}.calendar-cell{aspect-ratio:unset}}@container calendarWindow (width < 800px){.calendar-week-view{display:grid}.calendar-month-view{display:none}}@media only screen and (max-width: 1100px){main{grid-template-areas:"hed hed" "cal cal" "hig hig";gap:2rem}main .events_head{gap:2rem;flex-wrap:wrap}}@media only screen and (max-width: 800px){main{padding:2rem}}