@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-f7f9a6fe],[data-v-f7f9a6fe]::backdrop,[data-v-f7f9a6fe]:after,[data-v-f7f9a6fe]:before{--tw-border-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-font-weight:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-tracking:initial}}}.room-card[data-v-f7f9a6fe]{border-radius:calc(var(--radius) + 4px);border-style:var(--tw-border-style);cursor:pointer;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.2s;border-color:var(--color-brand);border-width:1px;overflow:hidden;transition-duration:.2s}@supports (color:color-mix(in lab,red,red)){.room-card[data-v-f7f9a6fe]{border-color:color-mix(in srgb,var(--color-brand) 24%,transparent)}}.room-card[data-v-f7f9a6fe]{background:var(--color-card)}@supports (color:color-mix(in lab,red,red)){.room-card[data-v-f7f9a6fe]{background:color-mix(in srgb,var(--color-card) 80%,#000)}}.room-card[data-v-f7f9a6fe]:hover{--tw-translate-y:calc(var(--spacing,.25rem)*-1);border-color:var(--color-brand-light);translate:var(--tw-translate-x) var(--tw-translate-y)}@supports (color:color-mix(in lab,red,red)){.room-card[data-v-f7f9a6fe]:hover{border-color:color-mix(in srgb,var(--color-brand-light) 45%,transparent)}}.room-card[data-v-f7f9a6fe]:hover{box-shadow:0 8px 32px var(--color-brand)}@supports (color:color-mix(in lab,red,red)){.room-card[data-v-f7f9a6fe]:hover{box-shadow:0 8px 32px color-mix(in srgb,var(--color-brand) 24%,transparent)}}.room-card__cover[data-v-f7f9a6fe]{align-items:center;aspect-ratio:16/10;display:flex;justify-content:center;position:relative}.room-card__gradient[data-v-f7f9a6fe]{inset:calc(var(--spacing,.25rem)*0);position:absolute}.room-card__initials[data-v-f7f9a6fe]{--tw-font-weight:var(--font-weight-bold,700);color:#ffffffe6;font-size:30px;font-weight:var(--font-weight-bold,700);position:relative;text-shadow:0 2px 10px #00000059}.room-card__overlay[data-v-f7f9a6fe]{align-items:center;background:linear-gradient(#000000b8,#0000);display:flex;justify-content:space-between;left:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*2);position:absolute;right:calc(var(--spacing,.25rem)*0);top:calc(var(--spacing,.25rem)*0);z-index:10}.room-card__live[data-v-f7f9a6fe]{border-radius:calc(var(--radius) - 4px);padding-block:calc(var(--spacing,.25rem)*.5);padding-inline:calc(var(--spacing,.25rem)*1.5);--tw-font-weight:var(--font-weight-semibold,600);background:var(--color-brand-active);color:var(--color-white,#fff);font-size:10px;font-weight:var(--font-weight-semibold,600)}@supports (color:color-mix(in lab,red,red)){.room-card__live[data-v-f7f9a6fe]{background:color-mix(in srgb,var(--color-brand-active) 72%,#000)}}.room-card__population[data-v-f7f9a6fe]{align-items:center;color:var(--color-white,#fff);display:flex;font-size:var(--text-xs,.75rem);gap:calc(var(--spacing,.25rem)*1);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.room-card__population svg[data-v-f7f9a6fe]{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3)}.room-card__info[data-v-f7f9a6fe]{bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);padding-inline:calc(var(--spacing,.25rem)*3);padding-bottom:calc(var(--spacing,.25rem)*3);padding-top:calc(var(--spacing,.25rem)*2.5);pointer-events:none;right:calc(var(--spacing,.25rem)*0);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background:linear-gradient(#0000,#000000d9);position:absolute;transition-duration:.3s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));z-index:15}.room-card__info--hidden[data-v-f7f9a6fe]{--tw-translate-y:calc(var(--spacing,.25rem)*2);opacity:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.room-card__name[data-v-f7f9a6fe]{font-size:var(--text-sm,.875rem);gap:calc(var(--spacing,.25rem)*1);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));margin-bottom:calc(var(--spacing,.25rem)*.5);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.room-card__name[data-v-f7f9a6fe],.room-card__verified[data-v-f7f9a6fe]{align-items:center;color:var(--color-white,#fff);display:flex}.room-card__verified[data-v-f7f9a6fe]{flex-shrink:0;height:calc(var(--spacing,.25rem)*3.5);justify-content:center;width:calc(var(--spacing,.25rem)*3.5)}.room-card__genre[data-v-f7f9a6fe]{color:var(--color-brand-light);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}@supports (color:color-mix(in lab,red,red)){.room-card__genre[data-v-f7f9a6fe]{color:color-mix(in srgb,var(--color-brand-light) 80%,#fff)}}.room-card__description[data-v-f7f9a6fe]{color:#71717a;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));margin-top:calc(var(--spacing,.25rem)*1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card__media-preview[data-v-f7f9a6fe]{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.3s;transition-duration:.3s}.room-card__media-preview[data-v-f7f9a6fe],.room-card__stage-preview[data-v-f7f9a6fe]{inset:calc(var(--spacing,.25rem)*0);position:absolute}.room-card__media-preview--blurred[data-v-f7f9a6fe]{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;filter:blur(8px);scale:var(--tw-scale-x) var(--tw-scale-y)}.room-card__media-image[data-v-f7f9a6fe]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.room-card__media-overlay[data-v-f7f9a6fe]{background:linear-gradient(135deg,#0009,#0000004d);inset:calc(var(--spacing,.25rem)*0);position:absolute}.room-card__media-overlay--stage[data-v-f7f9a6fe]{background:linear-gradient(#0000003d,#0000008c)}.room-card__hover[data-v-f7f9a6fe]{bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);pointer-events:none;right:calc(var(--spacing,.25rem)*0);z-index:20;--tw-translate-y:calc(var(--spacing,.25rem)*4);opacity:0;padding:calc(var(--spacing,.25rem)*3);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0000,#00000080 40%,#000000e6);position:absolute;transition-duration:.3s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.room-card__hover[data-v-f7f9a6fe],.room-card__hover--visible[data-v-f7f9a6fe]{translate:var(--tw-translate-x) var(--tw-translate-y)}.room-card__hover--visible[data-v-f7f9a6fe]{pointer-events:auto;--tw-translate-y:calc(var(--spacing,.25rem)*0);opacity:1}.room-card__hover-content[data-v-f7f9a6fe]{flex-direction:column}.room-card__dj[data-v-f7f9a6fe],.room-card__hover-content[data-v-f7f9a6fe]{display:flex;gap:calc(var(--spacing,.25rem)*2)}.room-card__dj[data-v-f7f9a6fe]{align-items:center}.room-card__dj-avatar[data-v-f7f9a6fe]{font-size:var(--text-xs,.75rem);height:calc(var(--spacing,.25rem)*8);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));width:calc(var(--spacing,.25rem)*8);--tw-font-weight:var(--font-weight-semibold,600);align-items:center;background:linear-gradient(135deg,var(--color-brand) 0,var(--color-brand-active) 100%);border-radius:3.40282e+38px;color:var(--color-white,#fff);display:flex;font-weight:var(--font-weight-semibold,600);justify-content:center;overflow:hidden;position:relative}.room-card__dj-avatar--image[data-v-f7f9a6fe]{background-position:-12px;background-repeat:no-repeat;background-size:1360px;color:#0000}.room-card__dj-avatar--loading[data-v-f7f9a6fe]{color:#0000}.room-card__dj-avatar-spinner[data-v-f7f9a6fe]{animation:var(--animate-spin,spin-f7f9a6fe 1s linear infinite);border-color:#ffffff4d;border-radius:3.40282e+38px;border-style:var(--tw-border-style);border-width:2px;height:calc(var(--spacing,.25rem)*3.5);width:calc(var(--spacing,.25rem)*3.5)}@supports (color:color-mix(in lab,red,red)){.room-card__dj-avatar-spinner[data-v-f7f9a6fe]{border-color:color-mix(in oklab,var(--color-white,#fff) 30%,transparent)}}.room-card__dj-avatar-spinner[data-v-f7f9a6fe]{border-top-color:var(--color-white,#fff)}.room-card__dj-avatar-initials[data-v-f7f9a6fe]{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff);font-weight:var(--font-weight-semibold,600)}.room-card__dj-info[data-v-f7f9a6fe]{display:flex;flex-direction:column}.room-card__dj-label[data-v-f7f9a6fe]{--tw-tracking:var(--tracking-wider,.05em);color:#ffffff80;font-size:10px;letter-spacing:var(--tracking-wider,.05em)}@supports (color:color-mix(in lab,red,red)){.room-card__dj-label[data-v-f7f9a6fe]{color:color-mix(in oklab,var(--color-white,#fff) 50%,transparent)}}.room-card__dj-label[data-v-f7f9a6fe]{text-transform:uppercase}.room-card__dj-name[data-v-f7f9a6fe]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff);font-weight:var(--font-weight-semibold,600)}.room-card__hover-track-wrapper[data-v-f7f9a6fe]{overflow:hidden;position:relative}.room-card__hover-track-marquee[data-v-f7f9a6fe]{align-items:center;font-size:var(--text-xs,.75rem);gap:calc(var(--spacing,.25rem)*6);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff);display:flex;font-weight:var(--font-weight-medium,500);min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap}.room-card__hover-track-marquee--animated[data-v-f7f9a6fe]{animation:room-card-track-marquee-f7f9a6fe var(--marquee-duration,12s) linear infinite}.room-card__hover-track-text[data-v-f7f9a6fe]{display:inline-block}.room-card__hover-artist[data-v-f7f9a6fe]{color:#fff9;display:block;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (color:color-mix(in lab,red,red)){.room-card__hover-artist[data-v-f7f9a6fe]{color:color-mix(in oklab,var(--color-white,#fff) 60%,transparent)}}@keyframes room-card-track-marquee-f7f9a6fe{0%{transform:translate(0)}to{transform:translate(calc(var(--marquee-distance,8rem)*-1))}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-tracking{syntax:"*";inherits:false}@keyframes spin-f7f9a6fe{to{transform:rotate(1turn)}}