.retro_playlists_control{--retro-panel-light: #f3f3f3;--retro-panel-shadow: #7f7f7f;--retro-panel-dark: #404040;--retro-track: #ececec;border:2px solid var(--black);box-shadow:-2px -2px 0 var(--retro-panel-light) inset,2px 2px 0 var(--retro-panel-dark) inset,0 8px #0000002e;background:linear-gradient(180deg,#fefefe 0,#f4f4f4 64%,#e2e2e2),repeating-linear-gradient(90deg,#ffffffb3 0 2px,#00000008 2px 4px);font-family:Tahoma,Geneva,Verdana,sans-serif;height:100%;min-height:0;display:flex}.playlist_window_header_controls{display:flex;align-items:center;gap:8px}.window_playlist{min-width:375px}.playlist_window_header_controls--desktop{display:flex;align-items:center;gap:8px}.playlist_window_header_controls--mobile{display:none}@media (max-width: 450px){.playlist_window_header_controls--desktop{display:none}.playlist_window_header_controls--mobile{display:flex;align-items:center;gap:8px;margin-bottom:8px}main .window_playlist .window_content{height:auto!important;max-height:unset!important}.retro_playlists_control{height:auto;max-height:500px}.window_playlist{min-width:300px}}.playlist_window_header_counter{font-family:Menlo,monospace;font-size:.7rem;letter-spacing:.02em;background:#0003;border:1px solid rgba(255,255,255,.4);padding:2px 6px}.playlist_window_header_link{border:1px solid var(--black);border-radius:0;background:linear-gradient(180deg,#f0f0f0,#d6d6d6);box-shadow:1px 1px #fff inset,-1px -1px #878787 inset;color:var(--black)!important;text-decoration:none;font-family:Menlo,monospace;font-size:.65rem;line-height:1;text-transform:uppercase;padding:5px 7px;display:inline-flex;align-items:center}.playlist_window_header_link:hover{background:linear-gradient(180deg,#fff5be,#ebdc94)}.playlist_window_header_link:active{box-shadow:-1px -1px #fff inset,1px 1px #878787 inset;transform:translateY(1px)}.playlist_window_header_button{border-radius:0;border:1px solid var(--black);background:linear-gradient(180deg,#f0f0f0,#d6d6d6);box-shadow:1px 1px #fff inset,-1px -1px #878787 inset;min-width:28px;height:22px;font-family:Menlo,monospace;font-size:.75rem;line-height:1;cursor:pointer;color:var(--black)!important}.playlist_window_header_button:hover{background:linear-gradient(180deg,#fff5be,#ebdc94)}.playlist_window_header_button:active{box-shadow:-1px -1px #fff inset,1px 1px #878787 inset;transform:translateY(1px)}.retro_playlist_body{padding:8px;flex:1;min-height:0}.retro_playlist{border:1px solid var(--black);background:linear-gradient(180deg,#fafafa,#efefef);box-shadow:2px 2px #fff inset,-2px -2px #7a7a7a inset;padding:10px;height:100%;min-height:0;display:flex;flex-direction:column}.retro_playlist_header{border-bottom:1px dashed #8f8f8f;margin-bottom:10px;padding-bottom:8px}.retro_playlist_header h3{margin:0;font-family:Menlo,monospace;font-weight:600;text-transform:uppercase;font-size:1rem;letter-spacing:.04em}.retro_playlist_header p{margin:6px 0 0;font-size:.72rem;color:#383838}.retro_track_list{list-style:none;margin:0;padding:0 4px 0 0;display:grid;gap:7px;flex:1;min-height:0;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable}.retro_track_item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;gap:10px;padding:6px;border:1px solid var(--retro-panel-shadow);background:var(--retro-track);box-shadow:1px 1px #fff inset,-1px -1px #b8b8b8 inset}.retro_track_artwork{width:38px;height:38px;object-fit:cover;border:1px solid #535353}.retro_track_meta{min-width:0}.retro_track_title,.retro_track_subtitle{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retro_track_title{font-size:.79rem;font-family:Menlo,monospace;font-weight:700}.retro_track_subtitle{font-size:.72rem;color:#4d4d4d}.retro_track_duration{font-family:Menlo,monospace;font-size:.71rem;padding:2px 5px;border:1px solid #666;background:#f8f8f8}.retro_playlist_more,.retro_playlist_loading{margin:10px 0 0;font-size:.72rem;font-family:Menlo,monospace;color:#3f3f3f;text-transform:uppercase}@media (max-width: 768px){.playlist_window_header_controls{gap:6px}.window_playlist{min-width:320px}.retro_track_artwork{width:34px;height:34px}.retro_playlist_body{padding:6px}}@media only screen and (max-width: 500px){.retro_track_duration{display:none}}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 .window_playlist .window_content{padding:.9rem;height:440px;max-height:56vh;overflow:hidden}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 .window_highlights .highlighted-event:not(:last-child){margin-bottom:.75rem}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}}