.modal-user-grid[data-v-268be5d5]{--u-sq-size: clamp(88px, calc((100vw - 56px) / 3), 120px);--u-sq-border-radius: 6px;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--u-sq-size),var(--u-sq-size)));gap:8px;justify-content:center;justify-items:center;align-items:flex-end;width:100%;padding:0 clamp(0px,3vw,25px)}@media screen and (max-width: 481px){.modal-user-grid[data-v-268be5d5]{--u-sq-size: clamp(88px, calc((100vw - 36px) / 3), 104px);grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.modal-user-grid .u-square[data-v-268be5d5],.modal-user-grid .modal-user-card[data-v-268be5d5]{width:100%!important}.modal-user-grid .u-square[data-v-268be5d5]{height:auto!important}.modal-user-grid .modal-user-card[data-v-268be5d5]:last-child:nth-child(3n+1){grid-column:2}.modal-user-grid .modal-user-card.modal-question.u-square[data-v-268be5d5]{width:100%!important;height:auto!important;aspect-ratio:1}}@media screen and (min-width: 768px){.modal-user-grid[data-v-268be5d5]{--u-sq-size: clamp(96px, calc((100vw - 120px) / 6), 120px)}}.modal-user-grid .u-square[data-v-268be5d5]{aspect-ratio:1;width:var(--u-sq-size)!important;height:var(--u-sq-size)!important}.modal-user-grid .u-square svg[data-v-268be5d5]{display:block;width:100%!important;height:100%!important}.modal-user-grid .inset-border[data-v-268be5d5]{position:relative}.modal-user-grid .inset-border[data-v-268be5d5]:after{content:"";position:absolute;top:0;left:0;width:calc(100% + -0px);height:calc(100% + -0px);border:1px solid rgba(255,255,255,.2);border-radius:var(--u-sq-border-radius)}.modal-user-grid .modal-user-card[data-v-268be5d5]{background:#1a3947;width:var(--u-sq-size);height:fit-content;border-radius:var(--u-sq-border-radius);border:1px solid rgba(255,255,255,.2);box-sizing:border-box;text-align:center;position:relative;contain:paint;align-items:flex-end}.modal-user-grid .modal-user-card.is-clickable[data-v-268be5d5]{cursor:pointer}.modal-user-grid .modal-user-card.inset-border[data-v-268be5d5]:after,.modal-user-grid .modal-user-card>.inset-border[data-v-268be5d5]:after{display:none}.modal-user-grid .modal-user-card>.u-square[data-v-268be5d5]{width:100%!important;height:auto!important}.modal-user-grid .modal-user-card .modal-user-index[data-v-268be5d5]{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:2px 6px;color:var(--White, #FFF);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:1;letter-spacing:.3px;z-index:2;text-align:center;border-radius:19px;background:var(--Green, #6FB622)}.modal-user-grid .modal-user-card .modal-user-index.is-muted[data-v-268be5d5]{background:#fff3}.modal-user-grid .modal-user-card.user-creator .modal-user-index[data-v-268be5d5]{top:24px}.modal-user-grid .modal-user-card .modal-user-card-creator[data-v-268be5d5]{border-top-left-radius:0;border-top-right-radius:0}.modal-user-grid .modal-user-card.modal-question[data-v-268be5d5]{width:var(--u-sq-size);height:var(--u-sq-size);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.modal-user-grid .modal-user-card.modal-question .modal-question-p[data-v-268be5d5]{color:var(--Orange, #FC6433);font-family:Inter;font-size:24px;font-style:normal;font-weight:800;line-height:normal}.modal-user-grid .modal-user-card.modal-question .q-available-spots[data-v-268be5d5]{color:#fff;text-align:center;font-family:Inter;font-size:32px;font-style:normal;font-weight:700;line-height:normal}.modal-user-grid .modal-user-card.modal-free-spot .u-square[data-v-268be5d5]{display:flex;align-items:center;justify-content:center}.modal-user-grid .modal-user-card .creator-label[data-v-268be5d5]{display:flex;padding:5.143px 6px;justify-content:center;align-items:center;background:var(--Green, #6FB622);color:var(--White, #FFF);text-align:center;font-family:Inter;font-size:8.571px;font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase}.modal-user-grid .modal-user-card .modal-user-photo[data-v-268be5d5]{width:100%;height:120px;object-fit:cover;object-position:center center}.modal-user-grid .modal-user-card .modal-user-photo.inset-border[data-v-268be5d5]:after{display:none}.modal-user-grid .modal-user-card .modal-user-info[data-v-268be5d5]{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 0;background:#052330b3;position:absolute;bottom:0;left:0;width:100%}.modal-user-grid .modal-user-card .modal-user-info .modal-user-flag[data-v-268be5d5]{width:21.6px;height:14.4px;object-fit:contain}.modal-user-grid .modal-user-card .modal-user-info .modal-user-name[data-v-268be5d5]{color:var(--White, #FFF);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14.4px;max-width:calc(100% - 50px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal-user-grid .modal-user-card .modal-user-info .is-online[data-v-268be5d5]{width:3.068px;height:3.068px;background:var(--Green, #6FB622);border-radius:50%;display:inline-block;margin-left:2px}.modal-user-grid[data-kind=video-meet][data-v-268be5d5]{--u-sq-size: 60px;--u-sq-border-radius: 4px;padding:0;grid-template-columns:repeat(auto-fit,minmax(var(--u-sq-size),var(--u-sq-size)))}@media screen and (max-width: 480px){.modal-user-grid[data-kind=video-meet][data-v-268be5d5]{--u-sq-size: clamp(52px, calc((100vw - 32px)/5) , 56px);--u-sq-border-radius: 3.7px}}@media screen and (max-width: 376px){.modal-user-grid[data-kind=video-meet][data-v-268be5d5]{--u-sq-size: clamp(48px, calc((100vw - 24px)/4) , 54px)}}.modal-user-grid[data-kind=video-meet] .modal-user-card .modal-user-index[data-v-268be5d5],.modal-user-grid[data-kind=video-meet] .modal-user-card .modal-user-info[data-v-268be5d5],.modal-user-grid[data-kind=video-meet] .modal-user-card .creator-label[data-v-268be5d5]{display:none!important}.modal-user-grid[data-kind=video-meet] .modal-user-card.modal-question[data-v-268be5d5]{height:var(--u-sq-size)}.modal-user-grid[data-kind=video-meet] .modal-user-card.modal-question .q-available-spots[data-v-268be5d5]{font-size:16px}.modal-user-grid[data-kind=video-meet] .modal-user-card.modal-question .modal-question-p[data-v-268be5d5]{font-size:14px}.modal-user-grid[data-kind=video-meet] .modal-user-card .modal-user-photo[data-v-268be5d5]{height:var(--u-sq-size)}
