.RoomCard{border-radius:var(--radius);border-bottom-width:1px;border-bottom-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-width:1px;border-color:rgb(241 245 249/var(--tw-border-opacity,1));--tw-border-opacity:1;border-left-width:4px;border-left-color:rgb(148 163 184/var(--tw-border-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);width:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:.75rem 1.25rem}.RoomCard:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.RoomCard{flex-direction:column;gap:1rem;display:flex}.RoomCard:last-child{border-bottom-color:#0000}.RoomCard .room-card-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.RoomCard .room-card-header .room-name{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1));font-size:1.125rem;font-weight:600;line-height:1.75rem}.RoomCard .room-card-header .room-place-state{align-items:center;gap:.375rem;display:flex}.RoomCard .room-card-header .room-place-state .room-place{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:1.125rem;font-weight:500;line-height:1.75rem}.RoomCard .room-players{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}
.JoinRoomModal{width:100%}.no-room{text-align:center;--tw-text-opacity:1;width:100%;color:rgb(148 163 184/var(--tw-text-opacity,1));padding:3rem 1rem;font-size:1.125rem;font-weight:600;line-height:1.75rem}.room-list{flex-direction:column;gap:0;width:100%;display:flex}.room-list .selected{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}
.Slider{flex-direction:column;gap:.625rem;display:flex;position:relative}.Slider .slider-container{cursor:pointer;background-color:hsl(var(--border));border-radius:9999px;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;position:relative}.Slider .slider-container .slider-track{border-radius:9999px;width:100%;height:100%;position:relative}.Slider .slider-container .slider-track .slider-value{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1));--tw-ring-opacity:1;--tw-ring-color:rgb(51 65 85/var(--tw-ring-opacity,1));height:100%;width:var(--value);border-radius:9999px;transition:transform .1s,width .15s;position:absolute;top:0;left:0}.Slider .slider-container .slider-track .slider-thumb{--tw-border-opacity:1;border-width:1px;border-color:rgb(100 116 139/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);width:1.25rem;height:1.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-translate-y:-50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));cursor:pointer;border-radius:9999px;position:absolute;top:50%}.Slider .slider-container .slider-track .slider-thumb:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.Slider .slider-container .slider-track .slider-thumb{left:var(--value);transition:transform .1s,left .15s}.Slider .slider-container .slider-track .slider-thumb:active{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.Slider .slider-container .slider-track .slider-thumb:before{border-radius:var(--radius);--tw-text-opacity:1;width:fit-content;height:fit-content;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-translate-x:33.3333%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));content:attr(data-value);background-color:#1e293bb3;justify-content:center;align-items:center;margin-bottom:.25rem;padding:.25rem;font-size:.75rem;line-height:1rem;display:flex;position:absolute;bottom:100%;left:-50%}.Slider .slider-container.isHovering .slider-thumb,.Slider .slider-container:hover .slider-thumb,.Slider .slider-container.isDragging .slider-thumb,.Slider .slider-container:active:not(.Slider .slider-container.disabled) .slider-thumb{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.Slider .slider-container.disabled,.Slider .slider-container.disabled .slider-thumb{cursor:default}.Slider .slider-container:hover:not(.disabled),.Slider .slider-container:hover:not(.disabled) .slider-value{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.Slider .slider-container:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(51 65 85/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;outline:2px solid #0000}.Slider .slider-meters{justify-content:space-between;align-items:center;gap:.25rem;width:100%;display:flex}.Slider .slider-meters .slider-meter{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1));flex-direction:column;align-items:flex-end;gap:.125rem;font-size:.75rem;font-weight:400;line-height:1rem;display:flex}.Slider .slider-meters .slider-meter:before{--tw-bg-opacity:1;background-color:rgb(161 161 170/var(--tw-bg-opacity,1));content:"";width:.125rem;height:.25rem}.Slider .slider-meters .slider-meter:first-child{align-items:flex-start}