1 line
32 KiB
Plaintext
1 line
32 KiB
Plaintext
{"version":3,"file":"BundleCalls.e338ae7052a0f4eb3598.css","mappings":"AAAA,UACE,oBAEA,uBACA,wBAGF,UACE,iCAEA,oBAGF,UACE,2B;ACdF,UACE,qBACA,uBACA,oCACA,sBAEA,kBACA,sCACA,oBACA,yBACA,0B;ACVF,UACE,0BAEA,kBAEA,kBACE,oBACA,WAEA,kBACA,WACA,WAEA,8FAIJ,UACE,kBACA,e;ACnBF,cACE,mCACA,wBAEA,qBACA,cACA,aACA,c;ACPF,UACE,wBAEA,wBACA,WACA,mBAEA,oBACE,qCACA,sCAIJ,UACE,gBAEA,gBAEA,cACA,uBACA,mBAEA,mBACE,mBAIJ,UACE,aACA,mBAGF,UACE,uBACA,qBAEA,kBACA,gBACA,cACA,yBAEA,mCAGF,UACE,2BAEA,0BACE,0BACA,oCACE,W;AChDN,kBACE,oBACA,2CACA,iDACA,8BACA,+BAEA,kBACA,4BAEA,0BACE,iBAEA,UACA,uBACA,gBAEA,wBAEA,2BACA,wEACA,2BAEA,iCACE,gBAEA,oBACA,2CAEA,mCACA,8DACA,oDAKF,iCACE,gDAIJ,kCAcE,qCACA,kBACA,gBACA,YAEA,wCACE,oBAEA,kBACA,UAEA,aACA,mBACA,mBAEA,YACA,oBAEA,yDACE,kBAIJ,uCACE,uBAGF,yCACE,uBAGF,yCACE,uBAGF,sCACE,uBAIF,oDACE,kBACA,UACA,MACA,aAEA,0BACA,YACA,SAKA,0EAhEA,aACA,YACA,YACA,2CAEA,8BACA,oDAEA,0JA4DA,sEApEA,aACA,YACA,YACA,2CAEA,8BACA,oDAEA,uJAgEA,+DAxEA,aACA,YACA,YACA,2CAEA,8BACA,oDAEA,sJC0BJ,oDACE,cAEA,WACA,oBAEA,wBACA,yBAEA,0EACE,wBAGF,sEACE,qBAGF,mFACE,qCAGF,+IACE,qCAGF,0DACE,a;ACxGF,2BACE,8CAEA,cAGF,0BACE,kBAGF,iBACE,wBAEA,2BACE,mBAEA,eACA,sCAMR,UACE,wBACA,YACA,mBACA,0BAGF,UACE,gBACA,uBACA,mBAGF,UACE,oBACA,iBAGF,UACE,gCAGF,UACE,gCAGF,UACE,gCAGF,UACE,mB;ACxDF,UACE,kBACA,WACA,WACA,oBAGF,UACE,oB;ACRF,UACE,kBACA,iDAEA,mBACA,qBAEA,UAGF,UACE,mDACA,UAGF,UACE,gBAGF,UACE,0CAEA,kBAEA,aAEA,WACA,YACA,sBAEA,kBACE,WAEA,kBACA,gBACA,sBAEA,cAEA,qBAEA,oCAEA,sCAGF,iBACE,WAEA,kBACA,UACA,QAEA,cAEA,sBAEA,uFAGF,2BACE,mBAIJ,UACE,kBAGF,UACE,UAEA,cAEA,WACA,YACA,sBAEA,mBAGF,UAEE,kBACA,UACA,YAGF,UACE,kBACA,UAEA,gBAEA,WACA,YACA,sBAEA,gBAGF,UACE,WACA,YACA,iBAGF,UACE,qBAGF,UACE,kBACA,UACA,yBACA,wBAEA,sBAGF,UACE,kBACA,UACA,kBACA,eAEA,aACA,WACA,mBAEA,qBACA,gCACA,8BAGF,UACE,aACA,sBACA,WAEA,YAEA,eAGF,qCACE,UACA,oCAGF,iDACE,UAGF,UACE,sCACA,qBACA,WAEA,oBACE,mBAEA,gBACA,eACA,uBACA,mBAIJ,UACE,qBACA,WACA,WAGF,UACE,iB;AChLF,UACE,kBACA,iCAEA,mCACE,WAEA,kBACA,QAEA,cAEA,UAEA,+DAGF,kBACE,wBACA,gCAGF,iBACE,yBACA,kCAIJ,UACE,kBACA,UAEA,WACA,YAEA,UAEA,oCAGF,UACE,UAGF,oCACE,uBACA,UAGF,UACE,U;AChDF,UACE,kCACA,gDACA,8DACA,uCACA,4CACA,4CACA,6CACA,yEACA,6EACA,wEACA,0EAEA,2CACA,iCACA,gCACA,sBAEA,0BACA,oBAEA,wBAGE,wBACE,gBAEA,+BACA,YACA,uCACA,wCAEA,8CAGF,yBACE,aACA,gBACA,UAKN,UACE,WACA,+BAGF,UACE,kBAEA,kBACA,aACA,sBAEA,YAEA,yCAGF,UACE,kBACA,MACA,WAGF,UACE,0CAEA,gBACA,UACA,MAEA,aACA,mBAEA,wBACA,2CAEA,yCAEA,gDL3EA,6DK+EA,mBACE,gEAGF,0DACE,0CAIJ,UACE,mCAGF,UACE,sBAGF,UACE,iBAGF,UACE,gBACA,aACA,sBACA,uBAGF,UACE,uBACA,gBAEA,SAEA,eACA,sCACA,qBACA,uBACA,gBAGF,UACE,kBAGF,UACE,gBACA,qBAEA,SAEA,kBACA,qBACA,kCACA,uBACA,mBAGF,UACE,kBACA,uBLvIA,0DK4IF,UACE,kBACA,WAGF,UACE,eAGF,UACE,aACA,sBACA,wCAGF,UACE,kBAGF,UACE,aACA,mBACA,wBAEA,iDACE,0CAIJ,UACE,iBAGF,UACE,YACA,8BAGF,UACE,yBAEA,kBACA,UACA,eACA,SACA,gEAEA,aACA,YAGF,UACE,0BACA,2BAEA,mCAEA,sDACA,8DAEA,sDAEA,mBACE,mDAGF,gBACE,uBAIJ,UACE,8CAGF,UACE,iDAGF,UACE,+CAKE,wBACE,eACA,gBACA,gBAGF,yBACE,mBAIJ,6BACE,eAKF,oBACE,kBACA,MACA,QACA,SACA,wBAIA,mCACE,0CAEA,cAEA,eACA,sBAEA,UACA,0BACA,8DAEA,qCAGF,+IACE,UAKF,6BACE,QACA,SACA,2BAEA,WACA,0BAGF,kCACE,yCAMJ,2BACE,oBACA,WAEA,eACA,SACA,OAEA,cAEA,WACA,cAEA,wGAKF,oBACE,kCAGF,oBACE,WAGF,oBACE,oC;ACvUJ,kBACE,kBACA,UACA,MACA,OACA,4BAEA,aACA,mBACA,uBAEA,WACA,YACA,eAEA,kBACA,sCACA,WAEA,wEAEA,uBACE,wBAGF,uBACE,iB;AC1BJ,UACE,aACA,sBACA,mBACA,WAEA,4BACE,iBAIJ,UACE,sBACA,2CAEA,gBACE,2CAGF,mBACE,6CACA,iCAEA,yBACE,iCAKN,UACE,kBAEA,iBACA,WACA,yBACA,mB;AClCA,wBACE,gBAEF,yBACE,aACA,sBACA,mBAEA,YACA,UAGF,kBACE,YAEA,kBACA,WACA,MACA,OACA,qBAEA,WACA,YACA,gBAEA,iCACE,gBACA,iBAGF,0CACE,kBAMJ,wBACE,0BACA,SACA,gBAGF,yBACE,2BACA,+BAIJ,UACE,gBAGF,UACE,kBAEA,aACA,mBAEA,WACA,cAEA,WAEA,kBACE,WAGF,2CACE,0CAIJ,UACE,iBAGF,UACE,oBAEA,kBACA,UACA,MACA,OAEA,aACA,uBAEA,WACA,YAEA,6CAEA,mBACE,oBACA,gCAIJ,UACE,oBACA,qCACA,0CAEA,MAEA,YACA,gBAEA,iBAEA,sCAEA,mBACE,oCAIJ,UACE,0CAEA,kBAEA,gBACA,iBAEA,sCACA,WACA,kBAEA,UAEA,oCAEA,mBACE,UAIJ,UACE,oBACA,0CAEA,aACA,sBACA,mBAEA,WACA,aACA,mBACA,iBACA,oBAEA,WAEA,4EAGF,UACE,0CACA,kBACA,YACA,aAGF,UACE,8BAEA,gBACE,oCAIJ,UACE,8BAEA,gBACE,oCAIJ,UACE,0BAGF,UACE,kBACA,WACA,WACA,YAGF,UACE,kBACA,WACA,WACA,YACA,wDAEA,WACA,oBAEA,sCAEA,mBACE,8CAGF,mBACE,wC;AClNJ,UACE,aACA,uBACA,WACA,iBAGF,UACE,qCACA,kCAEA,4BACE,iBAGF,mBACE,2BAIJ,UACE,gBACA,gBAEA,yBACE,a","sources":["webpack://montana-messenger/./src/components/common/IconWithSpinner.module.scss","webpack://montana-messenger/./src/components/common/FakeIcon.scss","webpack://montana-messenger/./src/components/common/gift/GiftEffectWrapper.module.scss","webpack://montana-messenger/./src/components/common/VerifiedIcon.scss","webpack://montana-messenger/./src/components/common/FullNameTitle.module.scss","webpack://montana-messenger/./src/components/calls/group/GroupCallParticipantMenu.scss","webpack://montana-messenger/./src/styles/_mixins.scss","webpack://montana-messenger/./src/components/calls/group/GroupCallParticipant.module.scss","webpack://montana-messenger/./src/components/calls/group/GroupCallParticipantList.module.scss","webpack://montana-messenger/./src/components/calls/group/GroupCallParticipantVideo.module.scss","webpack://montana-messenger/./src/components/calls/group/MicrophoneButton.module.scss","webpack://montana-messenger/./src/components/calls/group/GroupCall.module.scss","webpack://montana-messenger/./src/components/calls/ActiveCallHeader.scss","webpack://montana-messenger/./src/components/calls/phone/PhoneCallButton.module.scss","webpack://montana-messenger/./src/components/calls/phone/PhoneCall.module.scss","webpack://montana-messenger/./src/components/calls/phone/RatePhoneCallModal.module.scss"],"sourcesContent":[".root {\n --icon-size: 1.5rem;\n\n width: var(--icon-size);\n height: var(--icon-size);\n}\n\n.spinner {\n --spinner-size: var(--icon-size);\n\n margin: 0 !important;\n}\n\n.icon {\n font-size: var(--icon-size);\n}\n",".FakeIcon {\n margin-inline: 0.25rem;\n padding: 0.125rem 0.25rem;\n border: 1px solid var(--color-error);\n border-radius: 0.375rem;\n\n font-size: 0.625rem;\n font-weight: var(--font-weight-medium);\n line-height: initial;\n color: var(--color-error);\n text-transform: capitalize;\n}\n",".root {\n --glow-color: transparent;\n\n position: relative;\n\n &::before {\n pointer-events: none;\n content: '';\n\n position: absolute;\n z-index: -1;\n inset: -25%;\n\n background-image: radial-gradient(circle closest-side, var(--glow-color) 0%, transparent 100%);\n }\n}\n\n.sparkles {\n position: absolute;\n inset: -0.25rem;\n}\n",".VerifiedIcon {\n --color-fill: var(--color-primary);\n --color-checkmark: #fff;\n\n display: inline-block;\n flex-shrink: 0;\n width: 1.25em;\n height: 1.25em;\n}\n",".root {\n --_status-size: 1.25rem;\n\n display: flex !important;\n gap: 0.25rem;\n align-items: center;\n\n .statusTransition {\n width: var(--_status-size) !important;\n height: var(--_status-size) !important;\n }\n}\n\n.fullName {\n overflow: hidden;\n\n margin-bottom: 0;\n\n font-size: 1em;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &.canCopy {\n pointer-events: all;\n }\n}\n\n.statusTransitionSlide {\n display: flex;\n align-items: center;\n}\n\n.monoforumBadge {\n padding: 0.125rem 0.25rem;\n border-radius: 0.25rem;\n\n font-size: 0.625rem;\n font-weight: 500;\n line-height: 1;\n color: var(--color-white);\n\n background-color: var(--color-gray);\n}\n\n.statusPrimaryColor {\n color: var(--color-primary);\n\n :global(.statusSparkles) {\n color: var(--accent-color);\n :global(.selected) & {\n color: white;\n }\n }\n}\n","@use '../../../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 overflow: visible;\n\n padding: 0;\n border: none !important;\n border-radius: 0;\n\n color: var(--color-text);\n\n background: none !important;\n backdrop-filter: none !important;\n box-shadow: none !important;\n\n .group {\n overflow: hidden;\n\n margin-bottom: 0.5rem;\n border-radius: var(--border-radius-default);\n\n background: var(--color-background);\n backdrop-filter: blur(10px);\n box-shadow: 0 0.25rem 0.5rem 0.125rem rgba(16, 16, 16, 0.3);\n }\n }\n\n &.compact {\n .group {\n background: var(--color-background-compact-menu);\n }\n }\n\n .volume-control {\n\n @mixin thumb-styles() {\n width: 1.5rem;\n height: 3rem;\n border: none;\n border-radius: var(--border-radius-default);\n\n background: var(--range-color);\n box-shadow: -13.5rem 0 0 12.75rem var(--range-color);\n\n transition: 0.25s ease-in-out background-color, 0.25s ease-in-out box-shadow;\n }\n\n cursor: var(--custom-cursor, pointer);\n position: relative;\n overflow: hidden;\n height: 3rem;\n\n .info {\n pointer-events: none;\n\n position: relative;\n z-index: 1;\n\n display: flex;\n flex-direction: row;\n align-items: center;\n\n height: 100%;\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 // Apply custom styles\n input[type=\"range\"] {\n position: absolute;\n z-index: 0;\n top: 0;\n left: -1.5rem;\n\n width: calc(100% + 1.5rem);\n height: 3rem;\n margin: 0;\n\n // Note that while we're repeating code here,\n // 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 @include mixins.reset-range();\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, $forceSpace: 0px) {\n padding-inline-end: calc(max($padding - var(--scrollbar-width), $forceSpace));\n}\n\n@mixin adapt-margin-to-scrollbar($margin, $forceSpace: 0px) {\n margin-inline-end: calc(max($margin - var(--scrollbar-width), $forceSpace));\n}\n\n@mixin filter-outline($width: 0.125rem, $color) {\n filter:\n drop-shadow($width $width 0 $color)\n drop-shadow((-$width) $width 0 $color)\n drop-shadow($width (-$width) 0 $color)\n drop-shadow((-$width) (-$width) 0 $color);\n}\n\n@mixin gradient-border-top($width, $cutout: 0px) {\n mask-image: linear-gradient(transparent $cutout, black $width);\n}\n\n@mixin gradient-border-bottom($height, $cutout: 0px) {\n mask-image: linear-gradient(to top, transparent $cutout, black $height);\n}\n\n@mixin gradient-border-horizontal($borderStart, $borderEnd) {\n mask-image: linear-gradient(to right, transparent, black $borderStart, black calc(100% - $borderEnd), transparent);\n}\n\n@mixin gradient-border-left($indent, $cutout: 0px) {\n mask-image: linear-gradient(to right, transparent $cutout, black $indent);\n}\n\n@mixin gradient-border-right($indent, $cutout: 0px) {\n mask-image: linear-gradient(to left, transparent $cutout, black $indent);\n}\n\n@mixin gradient-border-top-bottom($top, $bottom) {\n mask-image: linear-gradient(transparent 0%, black $top, black calc(100% - $bottom), transparent 100%);\n}\n\n@mixin peer-gradient($property, $colorCount) {\n --_accent-color-rgb: var(--color-accent-own-rgb);\n\n html.theme-dark {\n --_accent-color-rgb: var(--color-text-rgb);\n }\n\n @if $colorCount == 2 {\n #{$property}:\n repeating-linear-gradient(\n -45deg,\n rgb(var(--_accent-color-rgb), 100%),\n rgb(var(--_accent-color-rgb), 100%) 5px,\n rgb(var(--_accent-color-rgb), 35%) 5px,\n rgb(var(--_accent-color-rgb), 35%) 10px\n );\n }\n\n @else {\n #{$property}:\n repeating-linear-gradient(\n -45deg,\n rgb(var(--_accent-color-rgb), 100%),\n rgb(var(--_accent-color-rgb), 100%) 5px,\n rgb(var(--_accent-color-rgb), 60%) 5px,\n rgb(var(--_accent-color-rgb), 60%) 10px,\n rgb(var(--_accent-color-rgb), 20%) 10px,\n rgb(var(--_accent-color-rgb), 20%) 15px\n );\n }\n}\n\n@mixin reset-range() {\n input[type=\"range\"] {\n display: block;\n\n width: 100%;\n margin-bottom: 0.5rem;\n\n -webkit-appearance: none;\n background: transparent;\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n\n &::-moz-range-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 &:focus {\n outline: none;\n }\n }\n}\n\n@mixin middle-header-pane {\n position: absolute;\n top: 0;\n transform: translateY(-100%);\n\n width: 100%;\n height: 2.875rem;\n padding-top: 0.375rem;\n padding-right: max(0.5rem, env(safe-area-inset-right));\n padding-bottom: 0.375rem;\n padding-left: max(0.75rem, env(safe-area-inset-left));\n\n background-color: var(--color-background);\n\n transition: transform var(--slide-transition);\n\n &::before {\n pointer-events: none;\n content: \"\";\n\n position: absolute;\n top: -0.1875rem;\n right: 0;\n left: 0;\n\n display: block;\n\n height: 0.125rem;\n\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n }\n\n // Some panels might unmount without animation, so we provide same background above panel to make it less noticeable\n &::after {\n content: \"\";\n\n position: absolute;\n z-index: -1;\n top: -100%;\n right: 0;\n left: 0;\n\n height: inherit;\n\n background-color: inherit;\n }\n}\n\n@mixin chat-list-pane {\n position: absolute;\n top: 0;\n transform: translateY(calc(-100% - 0.5rem)); // Include top margin to hide fully\n\n width: 100%;\n padding: 0.5625rem;\n border-radius: var(--border-radius-island);\n\n background-color: var(--color-background);\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);\n\n transition: transform var(--chat-transform-transition);\n\n // Some panels might unmount without animation, so we provide same background above panel to make it less noticeable\n &::after {\n content: \"\";\n\n position: absolute;\n z-index: -1;\n top: -100%;\n right: 0;\n left: 0;\n\n height: inherit;\n\n background-color: inherit;\n }\n\n :global(html.theme-dark) & {\n border: 1px solid var(--color-borders);\n box-shadow: none;\n }\n}\n\n@mixin side-panel-section {\n border-bottom: 0.625rem solid var(--color-background-secondary);\n background-color: var(--color-background);\n box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n\n &:last-child {\n border-bottom: none;\n box-shadow: none;\n }\n}\n\n@mixin on-active-vt($type) {\n :global {\n .active-vt-#{$type} {\n @content;\n }\n }\n}\n\n@mixin with-vt-type($type) {\n :global(.active-vt-#{$type}) & {\n view-transition-name: var(--_vtn);\n }\n}\n\n@mixin chat-pattern-styles($path) {\n content: \"\";\n\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n opacity: 0.4;\n background-image: url($path);\n background-repeat: repeat;\n background-position: center;\n background-size: 430px auto;\n mix-blend-mode: soft-light;\n\n :global(html.theme-dark) & {\n opacity: 0.25;\n background: linear-gradient(145deg, #4f5bd5 0%, #962fbf 35%, #dd6cb9 65%, #fec496 100%) !important;\n background-image: none;\n mix-blend-mode: unset;\n\n mask-image: url($path);\n mask-repeat: repeat;\n mask-position: center;\n mask-size: 430px auto;\n }\n}\n\n@mixin chat-pattern-background($path) {\n &::before {\n @include chat-pattern-styles($path);\n }\n}\n\n@mixin action-message-bg($isModule: false, $noBackground: false) {\n @if not $noBackground {\n background-color: var(--action-message-bg);\n }\n\n @if $isModule {\n :global(body.with-message-blur) & {\n backdrop-filter: blur(4px);\n }\n }\n\n @else {\n body.with-message-blur & {\n backdrop-filter: blur(4px);\n }\n }\n}\n",".root {\n :global {\n .ListItem-button {\n --color-chat-hover: rgba(255, 255, 255, 0.04);\n\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 --emoji-size: 1rem;\n\n font-size: 1rem;\n font-weight: var(--font-weight-medium);\n }\n }\n }\n}\n\n.subtitle {\n display: flex !important;\n gap: 0.375rem;\n align-items: center;\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-right: 0.25rem;\n margin-left: auto;\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 top: 0.25rem;\n width: 100%;\n padding-bottom: 5rem;\n}\n\n.portrait {\n padding-bottom: 6rem;\n}\n",".wrapper {\n position: absolute;\n transform: translate(var(--x), var(--y)) scale(1);\n\n width: var(--width);\n height: var(--height);\n\n opacity: 1;\n}\n\n.hidden {\n transform: translate(var(--x), var(--y)) scale(0.6);\n opacity: 0;\n}\n\n.noAnimate {\n transition: none;\n}\n\n.root {\n user-select: none;\n\n position: relative;\n\n display: flex;\n\n width: 100%;\n height: 100%;\n border-radius: 0.625rem;\n\n &::before {\n content: '';\n\n position: absolute;\n inset: -0.125rem;\n transform: scale(0.96);\n\n display: block;\n\n border-radius: 0.75rem;\n\n background: var(--gradient-speaking);\n\n transition: 0.25s ease-in-out transform;\n }\n\n &::after {\n content: '';\n\n position: absolute;\n z-index: 2;\n inset: 0;\n\n display: block;\n\n border-radius: 0.625rem;\n\n background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.62%, rgba(0, 0, 0, 0.5) 86.46%);\n }\n\n &.speaking::before {\n transform: scale(1);\n }\n}\n\n.loader {\n position: absolute;\n}\n\n.video {\n z-index: 2;\n\n display: block;\n\n width: 100%;\n height: 100%;\n border-radius: 0.625rem;\n\n object-fit: contain;\n}\n\n.videoFallback {\n composes: video;\n position: absolute;\n z-index: 1;\n height: 100%;\n}\n\n.thumbnailWrapper {\n position: absolute;\n z-index: 0;\n\n overflow: hidden;\n\n width: 100%;\n height: 100%;\n border-radius: 0.625rem;\n\n background: #000;\n}\n\n.thumbnail {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.flipped {\n transform: scaleX(-1);\n}\n\n.pinButton {\n position: absolute;\n z-index: 3;\n inset-block-start: 0.25rem;\n inset-inline-end: 0.25rem;\n\n color: #FFFFFF !important;\n}\n\n.bottomPanel {\n position: absolute;\n z-index: 3;\n inset-block-end: 0;\n inset-inline: 0;\n\n display: flex;\n gap: 0.25rem;\n align-items: center;\n\n padding: 0.5rem 0.75rem;\n border-end-start-radius: 0.625rem;\n border-end-end-radius: 0.625rem;\n}\n\n.info {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n\n min-width: 0;\n\n font-size: 1rem;\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 font-weight: var(--font-weight-medium);\n line-height: 1.125rem;\n color: #FFFFFF;\n\n :global(.fullName) {\n --emoji-size: 1rem;\n\n overflow: hidden;\n font-size: 1rem;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.status {\n line-height: 1.125rem;\n color: #FFFFFF;\n opacity: 0.6;\n}\n\n.icon {\n margin-left: auto;\n}\n",".root {\n position: relative;\n background: var(--gradient-green);\n\n &::before, &::after {\n content: '';\n\n position: absolute;\n inset: 0;\n\n display: block;\n\n opacity: 0;\n\n transition: 0.25s ease-in-out opacity, 0.25s ease-in-out transform;\n }\n\n &::before {\n transform: rotate(45deg);\n background: var(--gradient-blue);\n }\n\n &::after {\n transform: rotate(-45deg);\n background: var(--gradient-purple);\n }\n}\n\n.spinner {\n position: absolute;\n z-index: 2;\n\n width: 100%;\n height: 100%;\n\n opacity: 0;\n\n transition: 0.25s ease-in-out opacity;\n}\n\n.spinnerVisible {\n opacity: 1;\n}\n\n.mutedByAdmin::before, .canUnmute::before {\n transform: rotate(0deg);\n opacity: 1;\n}\n\n.icon {\n z-index: 1;\n}\n","@use \"../../../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 overflow: hidden;\n\n max-width: var(--default-width);\n height: 100%;\n min-height: min(80vh, var(--max-height));\n max-height: min(var(--max-height), 100vh);\n\n background: var(--group-call-background-color);\n }\n\n .modal-content {\n display: flex;\n min-height: 100%;\n padding: 0;\n }\n }\n}\n\n.panelWrapper {\n width: 100%;\n max-width: var(--default-width);\n}\n\n.panel {\n position: relative;\n\n overflow-y: scroll;\n display: flex;\n flex-direction: column;\n\n height: 100%;\n\n background: var(--group-call-panel-color);\n}\n\n.panelScrollTrigger {\n position: absolute;\n top: 0;\n width: 100%;\n}\n\n.panelHeader {\n user-select: none;\n\n position: sticky;\n z-index: 1;\n top: 0;\n\n display: flex;\n align-items: center;\n\n padding: 0.375rem 0.875rem;\n border-bottom: 0.0625rem solid transparent;\n\n background: var(--group-call-panel-color);\n\n transition: 0.25s ease-in-out border-bottom-color;\n\n @include mixins.adapt-padding-to-scrollbar(0.875rem);\n\n &.scrolled {\n border-bottom-color: var(--group-call-panel-header-border-color);\n }\n\n :global(body.is-tauri) .root.fullscreen:not(.landscape) & {\n padding-left: var(--window-controls-width);\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 overflow: hidden;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.title {\n unicode-bidi: plaintext;\n overflow: hidden;\n\n margin: 0;\n\n font-size: 1rem;\n font-weight: var(--font-weight-medium);\n line-height: 1.375rem;\n text-overflow: ellipsis;\n white-space: pre;\n}\n\n.bigger {\n font-size: 1.25rem;\n}\n\n.subtitle {\n overflow: hidden;\n display: inline-block;\n\n margin: 0;\n\n font-size: 0.875rem;\n line-height: 1.125rem;\n color: var(--color-text-secondary);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.participants {\n position: relative;\n margin: 0.125rem 0.5rem 0;\n\n @include mixins.adapt-margin-to-scrollbar(0.5rem);\n}\n\n.participantVideos {\n position: relative;\n width: 100%;\n}\n\n.addParticipantButton {\n position: fixed;\n}\n\n.videos {\n display: flex;\n flex-direction: column;\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 :global(body.is-tauri) .root:not(.appFullscreen) & {\n padding-left: var(--window-controls-width);\n }\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\n position: absolute;\n z-index: 2;\n bottom: 1.75rem;\n left: 50%;\n transform: translateX(calc(-50% - var(--actions-max-width) / 2));\n\n display: flex;\n gap: 1.25rem;\n}\n\n.actionButton {\n width: 3.375rem !important;\n height: 3.375rem !important;\n\n color: var(--color-text) !important;\n\n background-color: var(--green-button-color) !important;\n backdrop-filter: blur(25px);\n\n transition: 0.15s filter, 0.25s ease-out background-color;\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 top: 0;\n right: 0;\n bottom: 0;\n transform: translateZ(0);\n }\n\n &:not(.noVideoParticipants) {\n .actions {\n --actions-max-width: var(--default-width);\n\n bottom: 2.5rem;\n\n padding: 0.75rem;\n border-radius: 1.25rem;\n\n opacity: 0;\n background: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(50px);\n\n transition: 250ms ease-in-out opacity;\n }\n\n .videos:hover ~ .actions, .mainVideoContainer:hover ~ .actions, .actions:hover {\n opacity: 1;\n }\n }\n\n &.noVideoParticipants {\n .panelWrapper {\n right: 0;\n left: 50%;\n transform: translateX(-50%);\n\n width: 100%;\n max-width: max(50vw, 30rem);\n }\n\n :global(.modal-content) {\n background: var(--group-call-panel-color);\n }\n }\n}\n\n.portrait {\n .panelWrapper::after {\n pointer-events: none;\n content: '';\n\n position: fixed;\n bottom: 0;\n left: 0;\n\n display: block;\n\n width: 100%;\n height: 7.5rem;\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 z-index: 1;\n top: 0;\n left: 0;\n transform: translateY(-100%);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 100%;\n height: 2rem;\n padding: 0 1rem;\n\n font-size: 0.875rem;\n font-weight: var(--font-weight-medium);\n color: #fff;\n\n background: linear-gradient(135deg, rgb(49, 82, 232), rgb(143, 74, 172));\n\n &.open {\n transform: translateY(0);\n }\n\n span {\n line-height: 100%;\n }\n}\n",".root {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 5rem;\n\n &:not(:first-child) {\n margin-left: 1rem;\n }\n}\n\n.button {\n color: #fff !important;\n background-color: rgba(0, 0, 0, 0.1) !important;\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.2) !important;\n }\n\n &.active {\n color: var(--color-text-secondary) !important;\n background-color: #fff !important;\n\n &:hover {\n background-color: #ddd !important;\n }\n }\n}\n\n.button-text {\n margin-top: 0.25rem;\n\n font-size: 0.75rem;\n color: #fff;\n text-transform: lowercase;\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\n height: 80vh;\n padding: 0;\n }\n\n :global(.Avatar) {\n --radius: 0;\n\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n transform: scale(1.1);\n\n width: 100%;\n height: 100%;\n border-radius: 0;\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 margin: 0;\n border-radius: 0;\n }\n\n :global(.modal-content) {\n height: calc(var(--vh) * 100);\n max-height: calc(var(--vh) * 100);\n }\n}\n\n.fullscreenDialog {\n border-radius: 0;\n}\n\n.header {\n position: absolute;\n\n display: flex;\n align-items: center;\n\n width: 100%;\n padding: 0.5rem;\n\n color: #fff;\n\n :global(.Button) {\n color: #fff;\n }\n\n :global(body.is-tauri) .root.single-column & {\n padding-left: var(--window-controls-width);\n }\n}\n\n.close-button {\n margin-left: auto;\n}\n\n.emojis-backdrop {\n pointer-events: none;\n\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n\n display: flex;\n justify-content: center;\n\n width: 100%;\n height: 100%;\n\n transition: 0.25s ease-in-out background-color;\n\n &.open {\n pointer-events: auto;\n background-color: rgba(0, 0, 0, 0.7);\n }\n}\n\n.emojis {\n pointer-events: auto;\n cursor: var(--custom-cursor, pointer);\n user-select: none;\n\n top: 0;\n\n height: 3rem;\n margin-top: 1rem;\n\n font-size: 1.5rem;\n\n transition: 0.25s ease-in-out transform;\n\n &.open {\n transform: scale(2) translateY(3rem);\n }\n}\n\n.emoji-tooltip {\n user-select: none;\n\n position: absolute;\n\n max-width: 20rem;\n margin-top: 10rem;\n\n font-weight: var(--font-weight-medium);\n color: white;\n text-align: center;\n\n opacity: 0;\n\n transition: 0.25s ease-in-out opacity;\n\n &.open {\n opacity: 1;\n }\n}\n\n.user-info {\n pointer-events: none;\n user-select: none;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n\n width: 100%;\n margin-top: 0;\n margin-bottom: auto;\n padding-top: 4rem;\n padding-bottom: 2rem;\n\n color: #fff;\n\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, transparent 100%);\n}\n\n.buttons {\n user-select: none;\n position: absolute;\n bottom: 1rem;\n display: flex;\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 position: absolute;\n z-index: -1;\n width: 100%;\n height: 100%;\n}\n\n.second-video {\n position: absolute;\n z-index: -1;\n right: 1rem;\n bottom: 1rem;\n transform: translateY(calc(100% + 1rem)) rotateY(180deg);\n\n width: 9rem;\n border-radius: 0.5rem;\n\n transition: 0.25s ease-in-out transform;\n\n &.visible {\n transform: translateY(-5.5rem) rotateY(180deg);\n }\n\n &.fullscreen {\n transform: translateY(0) rotateY(180deg);\n }\n}\n",".stars {\n display: flex;\n justify-content: center;\n width: 100%;\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 overflow: hidden;\n margin-top: 1rem;\n\n &:not(.visible) {\n display: none;\n }\n}\n"],"names":[],"sourceRoot":""} |