.realtime-container[data-v-12cfb9dc]{align-items:center;display:flex;flex-direction:column;gap:20px;height:calc(100vh - 80px);max-width:800px;min-width:400px;padding-bottom:20px;padding-top:20px;width:800px}.realtime-container .realtime-header-container[data-v-12cfb9dc]{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.realtime-container .realtime-header-container .header-left-container[data-v-12cfb9dc]{display:flex;flex-direction:column;gap:8px}.realtime-container .realtime-header-container .header-left-container h3[data-v-12cfb9dc]{font-size:20px;font-weight:500;letter-spacing:-.33px;line-height:32px}.realtime-container .realtime-header-container .header-left-container .bottom-container[data-v-12cfb9dc]{color:#5d6c87;display:flex;flex-direction:row;font-size:12px;font-weight:400;gap:12px;line-height:16px}.realtime-container .realtime-header-container .header-left-container .bottom-container .date-container[data-v-12cfb9dc]{display:flex;flex-direction:row;gap:4px}.realtime-container .realtime-header-container .header-right-container[data-v-12cfb9dc]{background-color:#e9f0f4;border-radius:8px;box-shadow:0 16px 32px #1d212d1a;box-shadow:0 1px 4px #1d212d26;box-shadow:0 0 1px #1d212d33;display:flex;flex-direction:row;gap:8px;height:40px;padding:8px 16px}.realtime-container .realtime-header-container .header-right-container span[data-v-12cfb9dc]{color:#455068;font-size:16px;font-weight:500;letter-spacing:-1%;line-height:20px}.realtime-container .footer-continer[data-v-12cfb9dc]{align-items:center;bottom:20px;display:flex;flex-direction:column;gap:16px;justify-content:center;position:absolute}.realtime-container .footer-continer .start-body[data-v-12cfb9dc]{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.realtime-container .footer-continer .start-body .time-section[data-v-12cfb9dc]{color:#798aa3;font-size:16px;font-weight:400;letter-spacing:-.18px;line-height:24px}.realtime-container .footer-continer .start-body span[data-v-12cfb9dc]{color:#1d212d;font-size:20px;font-weight:600;letter-spacing:-.33px;line-height:32px;text-align:center}.realtime-container .empty-body-container[data-v-12cfb9dc]{display:flex;flex-direction:column;height:100%;width:100%}.realtime-container .empty-body-container .empty-body[data-v-12cfb9dc]{display:flex;flex-direction:column;gap:10px}.realtime-container .empty-body-container .empty-body span[data-v-12cfb9dc]{color:#1d212d;font-size:20px;font-weight:600;letter-spacing:-.33px;line-height:32px;text-align:center}.realtime-container .empty-body-container .real-time[data-v-12cfb9dc]{color:#798aa3;font-size:14px;font-weight:400;letter-spacing:-.09px;line-height:24px}.realtime-container .empty-body-container .real-text[data-v-12cfb9dc]{color:#1d212d;font-size:16px;font-weight:400;letter-spacing:-.18px;line-height:24px;text-align:justify;width:100%}.recorder-cont[data-v-12cfb9dc]{display:flex;gap:20px}.recorder-cont .button[data-v-12cfb9dc]{border:none;border-radius:50%;cursor:pointer;height:48px;padding:0;width:48px}.meeting-transcribe-container[data-v-12cfb9dc]{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);height:100%}.meeting-transcribe-container .header[data-v-12cfb9dc]{align-items:center;display:flex;gap:10px;grid-column:1/2;grid-row:1/2;height:56px;justify-content:space-between;padding:8px 16px;position:relative}.meeting-transcribe-container .header .logo[data-v-12cfb9dc]{left:20px;position:absolute;top:20px;width:20%}.meeting-transcribe-container .header .recording[data-v-12cfb9dc]{align-items:center;color:var(--color-critical-600-aa-text);display:flex;gap:4px}.meeting-transcribe-container .header .recording .red-indicator[data-v-12cfb9dc]{background-color:var(--color-critical-600-aa-text);border-radius:50%;height:16px;width:16px}.meeting-transcribe-container .body[data-v-12cfb9dc]{grid-column:1/2;grid-row:2/3;height:100%;max-height:100%;overflow:hidden;padding:80px 0 250px;width:100%}.meeting-transcribe-container .body .transcribe-cont[data-v-12cfb9dc]{box-sizing:border-box;margin:0 auto;max-height:70vh;overflow-y:auto;scroll-behavior:smooth;width:60%}.meeting-transcribe-container .body .transcribe-cont[data-v-12cfb9dc]::-webkit-scrollbar{width:14px}.meeting-transcribe-container .body .transcribe-cont[data-v-12cfb9dc]::-webkit-scrollbar-track{border:4px solid transparent;box-shadow:inset 0 0 10px 10px transparent}.meeting-transcribe-container .body .transcribe-cont[data-v-12cfb9dc]::-webkit-scrollbar-thumb{border:4px solid transparent;-webkit-border-radius:14px;box-shadow:inset 0 0 10px 10px #c4c4c4}.meeting-transcribe-container .body .transcribe-cont .scrollToBottom[data-v-12cfb9dc]{bottom:50px;font-size:30px;left:50%;position:absolute;transform:translate(-50%)}.meeting-transcribe-container .body .transcribe-cont .flex-box[data-v-12cfb9dc]{display:flex;flex-direction:column;gap:16px}.meeting-transcribe-container .body .transcribe-cont .transcribe[data-v-12cfb9dc]{display:flex;flex-direction:column;gap:10px}.meeting-transcribe-container .body .transcribe-cont .transcribe .time[data-v-12cfb9dc]{color:var(--color-neutral-600-aa-text);white-space:nowrap}.meeting-transcribe-container .body .transcribe-cont .transcribe .transcribed-text[data-v-12cfb9dc]{color:var(--color-neutral-900-aaa-text-darkest);text-align:justify}.meeting-transcribe-container .footer[data-v-12cfb9dc]{background-color:var(--color-neutral-200-light-border);grid-column:1/2;grid-row:3/4;height:104px;width:100%}@media (max-width:500px){.logo[data-v-12cfb9dc]{left:50%!important;position:absolute;top:50px!important;transform:translate(-50%,-50%)!important;width:80%!important}}@media (max-width:800px){.transcribe-cont[data-v-12cfb9dc]{padding:0 20px;width:auto!important}}@media (max-width:1280px){.meeting-transcribe-container .body[data-v-12cfb9dc]{padding:80px 0 150px!important}}