1 line
25 KiB
Plaintext
1 line
25 KiB
Plaintext
{"version":3,"file":"BundleCalls.d1c86752acb0593e66aa.css","mappings":"AAAA,sBACE,kBACA,iCAEA,2DACE,kBACA,QACA,WACA,cACA,+DACA,UAGF,8BACE,gCACA,wBAGF,6BACE,kCACA,yBAIJ,sBACE,kBACA,WACA,YACA,UAEA,UACA,oCAGF,sBACE,UAGF,8BACE,UACA,uBAGF,6BACE,UACA,uBAIF,sBACE,U;AChDF,kBACE,oBACA,2CACA,iDACA,8BACA,+BAEA,kBACA,4BAEA,0BACE,wEACA,2BACA,gBACA,UACA,uBACA,2BACA,iBACA,wBAEA,iCACE,oDACA,gBACA,mCACA,2CACA,oBACA,8DAKF,iCACE,gDAIJ,kCACE,YAiCA,kBACA,gBACA,qCAjCA,wCACE,oBACA,kBACA,UACA,YACA,aACA,mBACA,mBACA,oBAEA,yDACE,kBAIJ,uCACE,uBAGF,yCACE,uBAGF,yCACE,uBAGF,sCACE,uBCpDJ,oDACE,wBACA,cACA,WACA,cACA,oBACA,yBAEA,0DACE,aAGF,+DACE,WACA,qCAEA,yBACA,2BACA,oBAGF,0EACE,wBAGF,uEACE,qBAGF,mFACE,qCAGF,+IACE,qCDsCF,oDACE,YACA,kBACA,aACA,MACA,0BACA,SACA,UAIA,0EAvBA,YACA,YACA,aACA,8BACA,2CACA,oDACA,0JAqBA,sEA3BA,YACA,YACA,aACA,8BACA,2CACA,oDACA,uJAyBA,+DA/BA,YACA,YACA,aACA,8BACA,2CACA,oDACA,sJ;AEnFN,cACE,qBACA,cACA,aACA,cAEA,mCACA,wB;ACPF,UACE,oCACA,sBACA,yBACA,kBACA,uBACA,oBACA,qBACA,gBACA,0B;ACTF,aACE,cACA,aACA,WACA,YAOA,mCALA,iBACE,aACA,cAKF,iBACE,WACA,YAGF,uBACE,qCACA,oB;ACpBJ,sBACE,aACA,mBACA,WAEA,4CACE,gBAEA,iEACE,mBAIJ,oCACE,2B;ACZA,uCACE,8CACA,cAGF,sCACE,kBAGF,6BACE,wBAEA,uCACE,gBACA,eACA,mBAMR,sBACE,wBACA,mBACA,YACA,0BAGF,sBACE,gBACA,uBACA,mBAGF,sBACE,iBACA,oBAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,mB;ACtDF,sBACE,kBACA,WACA,WACA,oBAGF,sBACE,oB;ACRF,sBACE,kBACA,UACA,iDAEA,mBACA,qBAGF,sBACE,UACA,mDAGF,sBACE,gBAGF,sBACE,kBACA,WACA,YAEA,aACA,sBACA,0CAEA,8BACE,WACA,cACA,kBACA,gBACA,qBACA,oCAEA,sBACA,sCAGF,6BACE,WACA,cACA,kBACA,QACA,uFACA,UACA,sBAGF,mDACE,mBAIJ,sBACE,kBAGF,sBACE,WACA,YACA,cACA,mBACA,sBACA,UAGF,sBAEE,kBACA,YACA,UAGF,sBACE,kBACA,UACA,WACA,YACA,gBACA,sBACA,gBAGF,sBACE,iBACA,WACA,YAGF,sBACE,qBAGF,sBACE,kBACA,wBACA,yBACA,UACA,sBAGF,sBACE,kBACA,kBACA,eACA,8BACA,gCAEA,qBACA,aACA,mBACA,WACA,UAGF,sBACE,aACA,sBACA,WACA,eACA,YAGF,yEACE,UACA,oCAGF,qFACE,UAGF,sBACE,WACA,gBACA,qBAEA,gCACE,uBACA,gBACA,mBACA,eACA,mBAIJ,sBACE,WACA,WACA,qBAGF,sBACE,iB;ACxJF,sBACE,kCACA,gDACA,8DACA,uCACA,4CACA,4CACA,6CACA,yEACA,6EACA,wEACA,0EAEA,2CACA,iCACA,gCACA,sBAEA,0BACA,oBAEA,wBAGE,oCACE,+BACA,wCACA,YACA,uCACA,gBACA,8CAGF,qCACE,gBAEA,aAEA,UAKN,sBACE,+BACA,WAGF,sBACE,yCAEA,aACA,sBACA,YAEA,kBACA,kBAGF,sBACE,kBACA,MACA,WAGF,sBACE,aACA,mBACA,gBACA,MAEA,2CAEA,wBRnEA,0DQsEA,0CACA,UACA,yCAEA,gDAEA,2CACE,gEAGF,6GACE,kBAIJ,sBACE,mCAGF,sBACE,sBAGF,sBACE,iBAGF,sBACE,aACA,sBACA,uBACA,gBAGF,sBACE,qBACA,gBACA,gBACA,uBACA,uBACA,eACA,gBACA,SAGF,sBACE,kBAGF,sBACE,kBACA,qBACA,SACA,kCACA,gBACA,mBACA,uBACA,qBAGF,sBACE,kBACA,uBRhIA,uDQoIF,sBACE,WACA,kBAGF,sBACE,eAGF,sBACE,aACA,sBAEA,wCAGF,sBACE,kBAGF,sBACE,aACA,mBACA,wBAGF,sBACE,iBAGF,sBACE,YACA,8BAGF,sBACE,yBACA,kBACA,SACA,gEACA,eAEA,aACA,YACA,UAGF,sBACE,0BACA,2BACA,mCACA,sDACA,sDACA,8DAEA,+BACE,mDAGF,4BACE,uBAIJ,sBACE,8CAGF,sBACE,iDAGF,sBACE,+CAKE,oCACE,eACA,gBACA,gBAGF,qCACE,mBAIJ,iEACE,eAKF,4CACE,kBACA,QACA,MACA,SAEA,wBAIA,uEACE,0CAEA,0BACA,8DACA,sBACA,eACA,cACA,qCACA,UAGF,mRACE,UAKF,iEACE,0BACA,WACA,2BACA,SACA,QAGF,0DACE,yCAMJ,mDACE,cACA,WACA,eACA,WACA,cACA,OACA,SACA,oBAEA,wGAKF,4CACE,kCAGF,4CACE,WAGF,4CACE,oC;AClTJ,kBACE,kBACA,MACA,OACA,YACA,WACA,UAEA,aACA,uBACA,gBACA,kBACA,WACA,mBACA,eACA,wEACA,4BAEA,uBACE,wBAGF,uBACE,iB;ACvBJ,sBACE,WACA,aACA,sBACA,mBAEA,wCACE,iBAIJ,sBACE,2CACA,sBAEA,4BACE,2CAGF,2CACE,iCACA,6CAEA,iDACE,iCAKN,sBACE,WACA,iBACA,yBACA,kBACA,mB;ACjCA,oCACE,gBAEF,qCACE,aACA,sBACA,mBACA,YACA,UAGF,8BACE,kBACA,MACA,OACA,WACA,YACA,gBACA,WACA,qBAEA,6CACE,gBACA,iBAGF,kEACE,kBAMJ,oCACE,0BACA,gBACA,SAGF,qCACE,2BACA,+BAIJ,sBACE,WACA,aACA,mBACA,WACA,kBACA,cAEA,8BACE,WAIJ,sBACE,iBAGF,sBACE,kBACA,MACA,OACA,WACA,YACA,aACA,uBACA,oBACA,6CACA,UAEA,2CACE,gCACA,oBAIJ,sBACE,0CACA,oBACA,qCACA,gBACA,YACA,sCACA,MACA,iBAEA,2CACE,oCAIJ,sBACE,0CACA,kBACA,iBACA,WACA,gBACA,kBACA,gBACA,UACA,oCAEA,2CACE,UAIJ,sBACE,WACA,aACA,sBACA,mBACA,aACA,iBACA,oBACA,mBACA,WACA,4EACA,oBACA,0CAGF,sBACE,aACA,kBACA,YACA,0CAGF,sBACE,8BAEA,4BACE,oCAIJ,sBACE,8BAEA,4BACE,oCAIJ,sBACE,0BAGF,sBACE,WACA,kBACA,WACA,YAGF,sBACE,WACA,kBACA,WACA,YACA,WACA,oBACA,wCACA,sCAEA,2CACE,8BAGF,2CACE,wB;AChLJ,sBACE,WACA,aACA,uBACA,iBAGF,sBACE,qCACA,kCAEA,wCACE,iBAGF,2CACE,2BAIJ,sBACE,gBACA,gBAEA,iDACE,a","sources":["webpack://telegram-t/./src/components/calls/group/MicrophoneButton.module.scss","webpack://telegram-t/./src/components/calls/group/GroupCallParticipantMenu.scss","webpack://telegram-t/./src/styles/_mixins.scss","webpack://telegram-t/./src/components/common/VerifiedIcon.scss","webpack://telegram-t/./src/components/common/FakeIcon.scss","webpack://telegram-t/./src/components/common/PremiumIcon.scss","webpack://telegram-t/./src/components/common/FullNameTitle.module.scss","webpack://telegram-t/./src/components/calls/group/GroupCallParticipant.module.scss","webpack://telegram-t/./src/components/calls/group/GroupCallParticipantList.module.scss","webpack://telegram-t/./src/components/calls/group/GroupCallParticipantVideo.module.scss","webpack://telegram-t/./src/components/calls/group/GroupCall.module.scss","webpack://telegram-t/./src/components/calls/ActiveCallHeader.scss","webpack://telegram-t/./src/components/calls/phone/PhoneCallButton.module.scss","webpack://telegram-t/./src/components/calls/phone/PhoneCall.module.scss","webpack://telegram-t/./src/components/calls/phone/RatePhoneCallModal.module.scss"],"sourcesContent":[".root {\n position: relative;\n background: var(--gradient-green);\n\n &::before, &::after {\n position: absolute;\n inset: 0;\n content: '';\n display: block;\n transition: 0.25s ease-in-out opacity, 0.25s ease-in-out transform;\n opacity: 0;\n }\n\n &::before {\n background: var(--gradient-blue);\n transform: rotate(45deg);\n }\n\n &::after {\n background: var(--gradient-purple);\n transform: rotate(-45deg);\n }\n}\n\n.spinner {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n\n opacity: 0;\n transition: 0.25s ease-in-out opacity;\n}\n\n.spinnerVisible {\n opacity: 1;\n}\n\n.canUnmute::before {\n opacity: 1;\n transform: rotate(0deg);\n}\n\n.mutedByAdmin::after {\n opacity: 1;\n transform: rotate(0deg);\n}\n\n\n.icon {\n z-index: 1;\n}\n","@import '../../../styles/mixins';\n\n.participant-menu {\n --color-text: white;\n --color-background-compact-menu: #212121DD;\n --color-background-compact-menu-hover: #00000066;\n --color-background: #212121DD;\n --color-item-active: #00000066;\n\n position: absolute;\n z-index: var(--z-modal-menu);\n\n .bubble {\n backdrop-filter: none !important;\n background: none !important;\n border-radius: 0;\n padding: 0;\n border: none !important;\n box-shadow: none !important;\n overflow: visible;\n color: var(--color-text);\n\n .group {\n box-shadow: 0 0.25rem 0.5rem 0.125rem rgba(16, 16, 16, 0.3);\n overflow: hidden;\n background: var(--color-background);\n border-radius: var(--border-radius-default);\n margin-bottom: 0.5rem;\n backdrop-filter: blur(10px);\n }\n }\n\n &.compact {\n .group {\n background: var(--color-background-compact-menu);\n }\n }\n\n .volume-control {\n height: 3rem;\n\n .info {\n pointer-events: none;\n position: relative;\n z-index: 1;\n height: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 0.75rem 1rem;\n\n .AnimatedSticker {\n margin-right: 1rem;\n }\n }\n\n &.high {\n --range-color: #4DA6E0;\n }\n\n &.normal {\n --range-color: #57BC6C;\n }\n\n &.medium {\n --range-color: #CAA53B;\n }\n\n &.low {\n --range-color: #CB5757;\n }\n\n position: relative;\n overflow: hidden;\n cursor: var(--custom-cursor, pointer);\n\n @mixin thumb-styles() {\n border: none;\n height: 3rem;\n width: 1.5rem;\n background: var(--range-color);\n border-radius: var(--border-radius-default);\n box-shadow: -13.5rem 0 0 12.75rem var(--range-color);\n transition: 0.25s ease-in-out background-color, 0.25s ease-in-out box-shadow;\n }\n\n @include reset-range();\n\n // Apply custom styles\n input[type=\"range\"] {\n height: 3rem;\n position: absolute;\n left: -1.5rem;\n top: 0;\n width: calc(100% + 1.5rem);\n margin: 0;\n z-index: 0;\n\n // Note that while we're repeating code here, that's necessary as you can't comma-separate these type of selectors.\n // Browsers will drop the entire selector if it doesn't understand a part of it.\n &::-webkit-slider-thumb {\n @include thumb-styles();\n }\n\n &::-moz-range-thumb {\n @include thumb-styles();\n }\n\n &::-ms-thumb {\n @include thumb-styles();\n }\n }\n }\n}\n","// @optimization\n@mixin while-transition() {\n .Transition_slide:not(.Transition_slide-active) & {\n @content;\n }\n}\n\n@mixin adapt-padding-to-scrollbar($padding) {\n padding-inline-end: calc($padding - var(--scrollbar-width));\n}\n\n@mixin adapt-margin-to-scrollbar($margin) {\n margin-inline-end: calc($margin - var(--scrollbar-width));\n}\n\n\n@mixin reset-range() {\n input[type=\"range\"] {\n -webkit-appearance: none;\n display: block;\n width: 100%;\n height: 0.75rem;\n margin-bottom: 0.5rem;\n background: transparent;\n\n &:focus {\n outline: none;\n }\n\n &::-ms-track {\n width: 100%;\n cursor: var(--custom-cursor, pointer);\n\n background: transparent;\n border-color: transparent;\n color: transparent;\n }\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n\n &::-moz-slider-thumb {\n -moz-appearance: none;\n }\n\n &::-webkit-slider-runnable-track {\n cursor: var(--custom-cursor, pointer);\n }\n\n &::-moz-range-track, &::-moz-range-progress {\n cursor: var(--custom-cursor, pointer);\n }\n }\n}\n\n@mixin header-mobile {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n height: 2.875rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n\n display: flex;\n flex-direction: row-reverse;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n padding-left: max(0.75rem, env(safe-area-inset-left));\n padding-right: max(0.5rem, env(safe-area-inset-right));\n background: var(--color-background);\n\n // Target: Old Firefox (Waterfox Classic)\n @supports not (padding-left: max(0.75rem, env(safe-area-inset-left))) {\n padding-left: 0.75rem;\n padding-right: 0.5rem;\n }\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n top: -0.1875rem;\n left: 0;\n right: 0;\n height: 0.125rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n }\n}\n",".VerifiedIcon {\n display: inline-block;\n flex-shrink: 0;\n width: 1.5rem;\n height: 1.5rem;\n\n --color-fill: var(--color-primary);\n --color-checkmark: #fff;\n}\n",".FakeIcon {\n border: 1px solid var(--color-error);\n border-radius: 0.375rem;\n color: var(--color-error);\n font-size: 0.625rem;\n padding: 0.125rem 0.25rem;\n line-height: initial;\n margin-inline: 0.25rem;\n font-weight: 500;\n text-transform: capitalize;\n}\n",".PremiumIcon {\n flex-shrink: 0;\n display: flex;\n width: 1rem;\n height: 1rem;\n\n &.big {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n --color-fill: var(--color-primary);\n\n & > svg {\n width: 100%;\n height: 100%;\n }\n\n &.clickable {\n cursor: var(--custom-cursor, pointer);\n pointer-events: auto;\n }\n}\n",".root {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n\n .fullName {\n margin-bottom: 0;\n\n &.canCopy {\n pointer-events: all;\n }\n }\n\n :global(.custom-emoji) {\n color: var(--color-primary);\n }\n}\n",".root {\n :global {\n .ListItem-button {\n --color-chat-hover: rgba(255, 255, 255, 0.04);\n padding: 0.5rem;\n }\n\n .multiline-item {\n align-self: center;\n }\n\n .title {\n display: flex !important;\n\n .fullName {\n font-weight: 500;\n font-size: 1rem;\n --emoji-size: 1rem;\n }\n }\n }\n}\n\n.subtitle {\n display: flex !important;\n align-items: center;\n gap: 0.375rem;\n font-size: 1rem !important;\n}\n\n.subtitleText {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.icon {\n margin-left: auto;\n margin-right: 0.25rem;\n}\n\n.subtitleBlue {\n --color-text-secondary: #4da6e0;\n}\n\n.subtitleRed {\n --color-text-secondary: #ff706f;\n}\n\n.subtitleGreen {\n --color-text-secondary: #57bc6c;\n}\n\n.avatar {\n margin-right: 0.5rem;\n}\n",".root {\n position: absolute;\n width: 100%;\n top: 0.25rem;\n padding-bottom: 5rem;\n}\n\n.portrait {\n padding-bottom: 6rem;\n}\n",".wrapper {\n position: absolute;\n opacity: 1;\n transform: translate(var(--x), var(--y)) scale(1);\n\n width: var(--width);\n height: var(--height);\n}\n\n.hidden {\n opacity: 0;\n transform: translate(var(--x), var(--y)) scale(0.6);\n}\n\n.noAnimate {\n transition: none;\n}\n\n.root {\n position: relative;\n width: 100%;\n height: 100%;\n\n display: flex;\n border-radius: 0.625rem;\n user-select: none;\n\n &::before {\n content: '';\n display: block;\n position: absolute;\n inset: -0.125rem;\n border-radius: 0.75rem;\n background: var(--gradient-speaking);\n\n transform: scale(0.96);\n transition: 0.25s ease-in-out transform;\n }\n\n &::after {\n content: '';\n display: block;\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.62%, rgba(0, 0, 0, 0.5) 86.46%);\n z-index: 2;\n border-radius: 0.625rem;\n }\n\n &.speaking::before {\n transform: scale(1);\n }\n}\n\n.loader {\n position: absolute;\n}\n\n.video {\n width: 100%;\n height: 100%;\n display: block;\n object-fit: contain;\n border-radius: 0.625rem;\n z-index: 2;\n}\n\n.videoFallback {\n composes: video;\n position: absolute;\n height: 100%;\n z-index: 1;\n}\n\n.thumbnailWrapper {\n position: absolute;\n z-index: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: 0.625rem;\n background: #000;\n}\n\n.thumbnail {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.flipped {\n transform: scaleX(-1);\n}\n\n.pinButton {\n position: absolute;\n inset-inline-end: 0.25rem;\n inset-block-start: 0.25rem;\n z-index: 3;\n color: #FFFFFF !important;\n}\n\n.bottomPanel {\n position: absolute;\n inset-block-end: 0;\n inset-inline: 0;\n border-end-end-radius: 0.625rem;\n border-end-start-radius: 0.625rem;\n\n padding: 0.5rem 0.75rem;\n display: flex;\n align-items: center;\n gap: 0.25rem;\n z-index: 3;\n}\n\n.info {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n font-size: 1rem;\n min-width: 0;\n}\n\n.pinned .bottomPanel, .pinned::after {\n opacity: 0;\n transition: 0.25s ease-in-out opacity;\n}\n\n.pinned:hover .bottomPanel, .pinned:hover::after {\n opacity: 1;\n}\n\n.name {\n color: #FFFFFF;\n font-weight: 500;\n line-height: 1.125rem;\n\n :global(.fullName) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n font-size: 1rem;\n --emoji-size: 1rem;\n }\n}\n\n.status {\n color: #FFFFFF;\n opacity: 0.6;\n line-height: 1.125rem;\n}\n\n.icon {\n margin-left: auto;\n}\n","@import \"../../../styles/mixins\";\n\n.root {\n --group-call-panel-color: #212121;\n --group-call-panel-header-border-color: #3b3b3b;\n --color-dividers: var(--group-call-panel-header-border-color);\n --group-call-background-color: #000000;\n --green-button-color: rgba(1, 200, 80, 0.3);\n --blue-button-color: rgb(60, 135, 247, 0.2);\n --purple-button-color: rgb(61, 82, 223, 0.2);\n --gradient-blue: linear-gradient(225deg, #4EABF8 14.73%, #3478F6 85.27%);\n --gradient-green: linear-gradient(230.46deg, #00A3B4 12.94%, #00CB47 86.29%);\n --gradient-purple: linear-gradient(230.46deg, #CE4D74 0%, #3D52DF 100%);\n --gradient-speaking: linear-gradient(135deg, #5CC85C 0%, #48A1B3 101.27%);\n\n --red-button-color: rgba(255, 89, 90, 0.3);\n --disabled-button-color: #333333;\n --color-text-secondary: #AAAAAA;\n --color-text: #FFFFFF;\n\n --default-width: 26.25rem;\n --max-height: 40rem;\n\n color: var(--color-text);\n\n :global {\n .modal-dialog {\n max-width: var(--default-width);\n max-height: min(var(--max-height), 100vh);\n height: 100%;\n min-height: min(80vh, var(--max-height));\n overflow: hidden;\n background: var(--group-call-background-color);\n }\n\n .modal-content {\n min-height: 100%;\n\n display: flex;\n\n padding: 0;\n }\n }\n}\n\n.panelWrapper {\n max-width: var(--default-width);\n width: 100%;\n}\n\n.panel {\n background: var(--group-call-panel-color);\n\n display: flex;\n flex-direction: column;\n height: 100%;\n\n overflow-y: scroll;\n position: relative;\n}\n\n.panelScrollTrigger {\n position: absolute;\n top: 0;\n width: 100%;\n}\n\n.panelHeader {\n display: flex;\n align-items: center;\n position: sticky;\n top: 0;\n\n border-bottom: 0.0625rem solid transparent;\n\n padding: 0.375rem 0.875rem;\n @include adapt-padding-to-scrollbar(0.875rem);\n\n user-select: none;\n z-index: 1;\n background: var(--group-call-panel-color);\n\n transition: 0.25s ease-in-out border-bottom-color;\n\n &.scrolled {\n border-bottom-color: var(--group-call-panel-header-border-color);\n }\n\n :global(body.is-electron) .root.fullscreen:not(.landscape) & {\n padding-left: 5rem;\n }\n}\n\n.headerButton {\n color: var(--color-text) !important;\n}\n\n.firstButton {\n margin-right: 1.375rem;\n}\n\n.lastButton {\n margin-left: auto;\n}\n\n.panelHeaderText {\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n}\n\n.title {\n line-height: 1.375rem;\n white-space: pre;\n overflow: hidden;\n text-overflow: ellipsis;\n unicode-bidi: plaintext;\n font-size: 1rem;\n font-weight: 500;\n margin: 0;\n}\n\n.bigger {\n font-size: 1.25rem;\n}\n\n.subtitle {\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n color: var(--color-text-secondary);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: inline-block;\n}\n\n.participants {\n position: relative;\n margin: 0.125rem 0.5rem 0;\n @include adapt-margin-to-scrollbar(0.5rem);\n}\n\n.participantVideos {\n width: 100%;\n position: relative;\n}\n\n.addParticipantButton {\n position: fixed;\n}\n\n.videos {\n display: flex;\n flex-direction: column;\n\n width: calc(100% - var(--default-width));\n}\n\n.mainVideoContainer {\n position: absolute;\n}\n\n.videosHeader {\n display: flex;\n align-items: center;\n padding: 0.375rem 0.875rem;\n}\n\n.videosHeaderLastButton {\n margin-left: auto;\n}\n\n.videosContent {\n flex-grow: 1;\n margin: 0.1875rem 0.625rem 0.5rem;\n}\n\n.actions {\n --actions-max-width: 0px;\n position: absolute;\n left: 50%;\n transform: translateX(calc(-50% - var(--actions-max-width) / 2));\n bottom: 1.75rem;\n\n display: flex;\n gap: 1.25rem;\n z-index: 2;\n}\n\n.actionButton {\n width: 3.375rem !important;\n height: 3.375rem !important;\n color: var(--color-text) !important;\n background-color: var(--green-button-color) !important;\n transition: 0.15s filter, 0.25s ease-out background-color;\n backdrop-filter: blur(25px);\n\n &:global(.disabled) {\n background: var(--disabled-button-color) !important;\n }\n\n &:hover {\n filter: brightness(1.1);\n }\n}\n\n.destructive {\n background: var(--red-button-color) !important;\n}\n\n.canRequestToSpeak {\n background: var(--purple-button-color) !important;\n}\n\n.muted {\n background: var(--blue-button-color) !important;\n}\n\n.fullscreen {\n :global {\n .modal-dialog {\n min-width: 100%;\n min-height: 100%;\n border-radius: 0;\n }\n\n .modal-content {\n max-height: initial;\n }\n }\n\n &.portrait .panelWrapper {\n max-width: 100%;\n }\n}\n\n.landscape {\n .panelWrapper {\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n\n transform: translateZ(0);\n }\n\n &:not(.noVideoParticipants) {\n .actions {\n --actions-max-width: var(--default-width);\n\n background: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(50px);\n border-radius: 1.25rem;\n padding: 0.75rem;\n bottom: 2.5rem;\n transition: 250ms ease-in-out opacity;\n opacity: 0;\n }\n\n .videos:hover ~ .actions, .mainVideoContainer:hover ~ .actions, .actions:hover {\n opacity: 1;\n }\n }\n\n &.noVideoParticipants {\n .panelWrapper {\n max-width: max(50vw, 30rem);\n width: 100%;\n transform: translateX(-50%);\n left: 50%;\n right: 0;\n }\n\n :global(.modal-content) {\n background: var(--group-call-panel-color);\n }\n }\n}\n\n.portrait {\n .panelWrapper::after {\n display: block;\n content: '';\n position: fixed;\n width: 100%;\n height: 7.5rem;\n left: 0;\n bottom: 0;\n pointer-events: none;\n\n background: linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.65) 48.54%, #212121 100%);\n }\n}\n\n.noSidebar {\n .panelWrapper {\n transform: translate3d(100%, 0, 0);\n }\n\n .videos {\n width: 100%;\n }\n\n .actions {\n --actions-max-width: 0px !important;\n }\n}\n",".ActiveCallHeader {\n position: absolute;\n top: 0;\n left: 0;\n height: 2rem;\n width: 100%;\n z-index: 1;\n\n display: flex;\n justify-content: center;\n font-weight: 500;\n font-size: 0.875rem;\n color: #fff;\n align-items: center;\n padding: 0 1rem;\n background: linear-gradient(135deg, rgb(49, 82, 232), rgb(143, 74, 172));\n transform: translateY(-100%);\n\n &.open {\n transform: translateY(0);\n }\n\n span {\n line-height: 100%;\n }\n}\n",".root {\n width: 5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n &:not(:first-child) {\n margin-left: 1rem;\n }\n}\n\n.button {\n background-color: rgba(0, 0, 0, 0.1) !important;\n color: #fff !important;\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.2) !important;\n }\n\n &.active {\n background-color: #fff !important;\n color: var(--color-text-secondary) !important;\n\n &:hover {\n background-color: #ddd !important;\n }\n }\n}\n\n.button-text {\n color: #fff;\n font-size: 0.75rem;\n text-transform: lowercase;\n margin-top: 0.25rem;\n white-space: nowrap;\n}\n",".root {\n :global(.modal-dialog) {\n overflow: hidden;\n }\n :global(.modal-content) {\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 80vh;\n padding: 0;\n }\n\n :global(.Avatar) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 0;\n z-index: -1;\n transform: scale(1.1);\n\n :global(.Avatar__media) {\n border-radius: 0;\n object-fit: cover;\n }\n\n &.blurred :global(.Avatar__media) {\n filter: blur(10px);\n }\n }\n}\n\n.single-column {\n :global(.modal-dialog) {\n max-width: 100% !important;\n border-radius: 0;\n margin: 0;\n }\n\n :global(.modal-content) {\n height: calc(var(--vh) * 100);\n max-height: calc(var(--vh) * 100);\n }\n}\n\n.header {\n width: 100%;\n display: flex;\n align-items: center;\n color: #fff;\n position: absolute;\n padding: 0.5rem;\n\n :global(.Button) {\n color: #fff;\n }\n}\n\n.close-button {\n margin-left: auto;\n}\n\n.emojis-backdrop {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n pointer-events: none;\n transition: 0.25s ease-in-out background-color;\n z-index: 2;\n\n &.open {\n background-color: rgba(0, 0, 0, 0.7);\n pointer-events: auto;\n }\n}\n\n.emojis {\n user-select: none;\n pointer-events: auto;\n cursor: var(--custom-cursor, pointer);\n margin-top: 1rem;\n height: 3rem;\n transition: 0.25s ease-in-out transform;\n top: 0;\n font-size: 1.5rem;\n\n &.open {\n transform: scale(2) translateY(3rem);\n }\n}\n\n.emoji-tooltip {\n user-select: none;\n position: absolute;\n margin-top: 10rem;\n color: white;\n max-width: 20rem;\n text-align: center;\n font-weight: 500;\n opacity: 0;\n transition: 0.25s ease-in-out opacity;\n\n &.open {\n opacity: 1;\n }\n}\n\n.user-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 0;\n padding-top: 4rem;\n padding-bottom: 2rem;\n margin-bottom: auto;\n color: #fff;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, transparent 100%);\n pointer-events: none;\n user-select: none;\n}\n\n.buttons {\n display: flex;\n position: absolute;\n bottom: 1rem;\n user-select: none;\n}\n\n.leave {\n background: #ff595a !important;\n\n &:hover {\n background-color: #d24646 !important;\n }\n}\n\n.accept {\n background: #5CC85E !important;\n\n &:hover {\n background-color: #4eab50 !important;\n }\n}\n\n.accept-icon {\n transform: rotate(-135deg);\n}\n\n.main-video {\n z-index: -1;\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n.second-video {\n z-index: -1;\n position: absolute;\n width: 9rem;\n bottom: 1rem;\n right: 1rem;\n border-radius: 0.5rem;\n transform: translateY(calc(100% + 1rem));\n transition: 0.25s ease-in-out transform;\n\n &.visible {\n transform: translateY(-5.5rem);\n }\n\n &.fullscreen {\n transform: translateY(0);\n }\n}\n",".stars {\n width: 100%;\n display: flex;\n justify-content: center;\n font-size: 1.5rem;\n}\n\n.star {\n cursor: var(--custom-cursor, pointer);\n color: var(--color-text-secondary);\n\n &:not(:first-child) {\n margin-left: 1rem;\n }\n\n &.isFilled {\n color: var(--color-primary);\n }\n}\n\n.comment {\n margin-top: 1rem;\n overflow: hidden;\n\n &:not(.visible) {\n display: none;\n }\n}\n"],"names":[],"sourceRoot":""} |