telegram-tt/dist/532.5ff953a5af12d8af60a9.css.map

{"version":3,"file":"532.5ff953a5af12d8af60a9.css","mappings":"AAAA,OACE,kBACA,uBAGE,4IACE,gBAKF,gCACE,gBAKF,4BACE,gBAKF,4BACE,gBAIJ,wBACE,eACA,MACA,SACA,OACA,QACA,aACA,uBACA,mBAGF,uBACE,eACA,MACA,QACA,SACA,OACA,WACA,iCAGF,4CACE,6BAGF,qBACE,kBACA,oBACA,sBACA,WACA,gBACA,kBACA,iBACA,yCACA,8DACA,2CACA,mCAEA,+CAEA,4CACE,gBACA,0BAGF,yBApBF,qBAqBI,yCAIJ,0BACE,+BAGF,6BACE,kCAGF,oDACE,oBACA,aACA,mBACA,cAGF,oBACE,kBACA,gBACA,cACA,gBACA,uBAEA,qCACE,mBAIJ,+BAEE,4CAEA,oDACE,kBACA,eACA,WACA,qBACA,iBACA,qBACA,sBACA,eAIJ,sBACE,WACA,YACA,aACA,gBACA,gBAEA,qDAEE,sBAIJ,kEAGE,uBACA,mBAGF,oBACE,iBAGF,mBACE,kCACA,mBACA,gBAGF,uBACE,aACA,qBAEA,qEACE,iBAIJ,8BACE,WACA,YACA,iBACA,iBACA,gBACA,qB;ACtKJ,kBACE,aACA,uBACA,mBACA,wBACA,kBACA,WACA,YACA,SACA,wFACA,kBACA,eACA,WACA,gCAEA,0BACE,WACA,cACA,kBACA,WACA,YACA,mBACA,kBACA,kBACA,WACA,oBAEA,sCACE,aAIJ,wBACE,uBAGF,0BACE,wFAEA,kCACE,mBAIJ,iCACE,mFACA,yCACE,mBAIJ,sEACE,mBACA,sFACE,uB;ACpDN,kBACE,kBACA,0BACE,gBACA,gBACA,UACA,uBACA,2BACA,iBACA,WAEA,iCACE,oDACA,gBACA,mCACA,2CACA,oBAIJ,kCACE,YAiCA,kBACA,gBACA,eAjCA,wCACE,oBACA,kBACA,UACA,YACA,aACA,mBACA,mBACA,oBAEA,yDACE,kBAIJ,uCACE,uBAGF,yCACE,uBAGF,yCACE,uBAGF,sCACE,uBCpCJ,oDACE,wBACA,cACA,WACA,cACA,oBACA,uBAEA,0DACE,aAGF,+DACE,WACA,eAEA,uBACA,yBACA,kBAGF,0EACE,wBAGF,uEACE,qBAGF,mFACE,eAGF,+IACE,eDsBF,oDACE,YACA,kBACA,aACA,MACA,wBACA,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;AEnEN,QACE,mCACA,UACA,mBACA,uBACA,eACA,gBACA,kBACA,wEACA,WACA,iBACA,aACA,mBACA,gEAEA,wBACE,kBAGF,eACE,WACA,YAGF,UACE,iBAEA,4BACE,qBAIJ,mBACE,WACA,YACA,mBAEA,0BACE,eACA,gBAIJ,kBACE,WACA,YACA,kBAEA,yBACE,cACA,eAIJ,mBACE,eACA,gBACA,kBAEA,0BACE,cACA,eAIJ,oBACE,cACA,eACA,oBAEA,2BACE,WACA,YAIJ,mBACE,oBAEA,qBACE,iBAGF,0BACE,gBACA,iBAIJ,mBACE,aACA,cACA,iBAEA,qBACE,eAGF,0BACE,aACA,cAIJ,eACE,kBAEA,sBACE,WACA,cACA,kBACA,cACA,aACA,cACA,eACA,kBACA,yCACA,yBACA,cAIJ,oBACE,eAGF,wBACE,WACA,Y;AChIJ,sBACE,kBACA,aACA,mBACA,mBACA,WACA,qBACA,qBACA,0CACA,eAEA,4BACE,mBAGF,4BACE,aAGF,8BACE,kBAGF,4BACE,YACA,aACA,sBAEA,kCACE,uBACA,mBACA,gBAGF,mCACE,uBACA,mBACA,gBACA,cACA,iBAEA,wCACE,cAGF,yCACE,cAGF,uCACE,cAKN,kCACE,cACA,aACA,mBACA,uBACA,cACA,eACA,iBACA,iBACA,cAIA,kDACE,cAIJ,+BACE,eACA,a;AC3EJ,2BACE,qBACA,gBACA,kBACA,qBACA,0BACA,+BACA,eAEA,6CACE,kBACA,gBACA,WACA,YACA,qBAEA,iDACE,kBACA,gBACA,iBAIJ,qDACE,WAGF,mCACE,uCACA,WACA,YACA,kBACA,cACA,WACA,UACA,qBACA,oCAGF,0CACE,yCAGF,wCACE,kBACA,UACA,WACA,YACA,0BACA,SACA,WACA,mBACA,sBACA,aACA,mBACA,WACA,gEACA,UACA,eACA,wBAEA,8CACE,0BAIJ,iCACE,cACA,WAGF,kCACE,mBACA,eACA,kBAGF,8CACE,kBACA,QACA,SACA,UACA,WACA,2CACA,gBAGF,sCACE,kCACA,iBAGF,iCACE,kBACA,SACA,WACA,aACA,mBACA,uBACA,WACA,YACA,oDACA,iCACA,UAEA,uCACE,kBAGF,4CACE,iBAOJ,+CACE,UAGF,sDACE,U;ACzHF,0BACE,aACA,sBACA,mBACA,eAGF,yBACE,6BACA,mBAGF,yBACE,4BACA,4BACA,6BACA,mBACA,oDAIF,qBACE,+BAGF,yBACE,qBAEA,uCACE,0BACA,4BACA,6BACA,gBACA,gBACA,kCACA,+CAGF,yCACE,UACA,4BAIA,8CACE,UAGF,4CACE,+BAKN,mBACE,WACA,aACA,mBACA,WACA,oBAEA,sBACE,kBACA,gBACA,sBAIJ,mBACE,aACA,eACA,UAGF,yBACE,kBACA,mBACA,qBAEA,kCACE,eAGF,qCACE,sBACA,aACA,mBACA,qBACA,0CACA,eACA,kCAEA,2CACE,mBAGF,2CACE,uBACA,mBACA,gBAGF,2CACE,aACA,uBACA,mBACA,cACA,eACA,iBACA,kBAKN,uBACE,cACA,oBACA,kBACA,WAGF,oBACE,kBACA,gBACA,aACA,mBACA,6BACA,WACA,kBACA,eAEA,2BACE,eAGF,4BACE,kBACA,WACA,WACA,YACA,+DACA,UACA,UAGF,oCACE,WACA,aACA,sBACA,mBAEA,iDACE,mBACA,iBACA,iBACA,WAGF,uDACE,WAEA,oEACE,kBACA,eAKN,6BACE,kBACA,kCAEA,sCACE,uBAIJ,mCACE,aACA,sBACA,mBAGF,sEACE,aACA,SACA,mBACA,kBACA,WACA,YACA,WACA,mBACA,aACA,mBACA,uBACA,0CAEA,kFACE,mBAIJ,gDACE,mBAEA,sDACE,mBAIJ,0CACE,mBAEA,iDACE,mBAIJ,wCACE,mBAEA,8CACE,mBAIJ,oCACE,aACA,cACA,oBACA,UAKJ,iCACE,aACA,mBACA,YACA,SACA,uBACA,eACA,gBAGF,gDACE,mBAEA,sDACE,YAIJ,8BACE,kBACA,+BACA,2BACA,WACA,SACA,YACA,0BACA,8DACA,mBACA,UACA,oBACA,YAEA,2CACE,aAGF,6CACE,mBACA,SAEA,6DACE,gBAIJ,uCACE,eACA,gDACE,wBAKF,uDACE,sBACA,uBAIJ,kGACE,WACA,YAEA,oIACE,aACA,mBACA,uBAIJ,sCACE,aAIJ,yCACE,eAGF,8BACE,WACA,YAGF,6BACE,WACA,YAEA,aACA,kBACA,uDACA,mBAEA,wDACE,gBACA,WAEA,2EACE,YAIJ,mFACE,qCAIJ,mCACE,gBACA,a;ACzVJ,kBACE,kBACA,MACA,OACA,YACA,WACA,UAEA,aACA,uBACA,gBACA,kBACA,WACA,mBACA,eACA,qDACA,4BAEA,uBACE,wBAGF,uBACE,iB","sources":["webpack://telegram-t/./src/components/ui/Modal.scss","webpack://telegram-t/./src/components/calls/group/MicrophoneButton.scss","webpack://telegram-t/./src/components/calls/group/GroupCallParticipantMenu.scss","webpack://telegram-t/./src/styles/_mixins.scss","webpack://telegram-t/./src/components/common/Avatar.scss","webpack://telegram-t/./src/components/calls/group/GroupCallParticipant.scss","webpack://telegram-t/./src/components/calls/group/GroupCallParticipantVideo.scss","webpack://telegram-t/./src/components/calls/group/GroupCall.scss","webpack://telegram-t/./src/components/calls/ActiveCallHeader.scss"],"sourcesContent":[".Modal {\n  position: relative;\n  z-index: var(--z-modal);\n\n  &.delete, &.error, &.confirm, &.pin, &.unpin-all {\n    .modal-dialog {\n      max-width: 23rem;\n    }\n  }\n\n  &.error {\n    .modal-content > div {\n      margin-top: 1rem;\n    }\n  }\n\n  &.narrow {\n    .modal-dialog {\n      max-width: 20rem;\n    }\n  }\n\n  &.report {\n    .modal-dialog {\n      max-width: 15rem;\n    }\n  }\n\n  .modal-container {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .modal-backdrop {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n    background-color: rgba(0, 0, 0, .25);\n  }\n\n  &.transparent-backdrop .modal-backdrop {\n    background-color: transparent;\n  }\n\n  .modal-dialog {\n    position: relative;\n    display: inline-flex;\n    flex-direction: column;\n    width: 100%;\n    max-width: 35rem;\n    min-width: 17.5rem;\n    margin: 2rem auto;\n    background-color: var(--color-background);\n    box-shadow: 0 .25rem .5rem .125rem var(--color-default-shadow);\n    border-radius: var(--border-radius-default);\n    transform: translate3d(0, -1rem, 0);\n\n    transition: transform .2s ease, opacity .2s ease;\n\n    body.animation-level-0 & {\n      transition: none;\n      transform: none !important;\n    }\n\n    @media (max-width: 450px) {\n      max-width: calc(100vw - 3rem) !important;\n    }\n  }\n\n  &.open .modal-dialog {\n    transform: translate3d(0, 0, 0);\n  }\n\n  &.closing .modal-dialog {\n    transform: translate3d(0, 1rem, 0);\n  }\n\n  .modal-header {\n    padding: 1rem 1rem 0;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .modal-title {\n    font-size: 1.25rem;\n    font-weight: 500;\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:not(:only-child) {\n      margin: 0 1.3125rem;\n    }\n  }\n\n  .modal-header-condensed {\n    @extend .modal-header;\n    padding: .5rem 1.25rem 0 .9375rem !important;\n\n    .modal-action-button {\n      font-size: 0.875rem;\n      height: 2.25rem;\n      width: auto;\n      line-height: 1.625rem;\n      margin-left: auto;\n      padding-left: 1.25rem;\n      padding-right: 1.25rem;\n      min-width: 5rem;\n    }\n  }\n\n  .modal-content {\n    width: 100%;\n    flex-grow: 1;\n    padding: 1rem;\n    overflow-y: auto;\n    max-height: 90vh;\n\n    b,\n    strong {\n      word-break: break-word;\n    }\n  }\n\n  .modal-title,\n  .modal-content,\n  .modal-content > p {\n    unicode-bidi: plaintext;\n    text-align: initial;\n  }\n\n  .modal-about {\n    font-weight: bold;\n  }\n\n  .modal-help {\n    color: var(--color-text-secondary);\n    font-size: 0.9375rem;\n    line-height: 1.3;\n  }\n\n  .dialog-buttons {\n    display: flex;\n    align-items: flex-end;\n\n    .confirm-dialog-button + .confirm-dialog-button {\n      margin-left: 1rem;\n    }\n  }\n\n  .confirm-dialog-button {\n    width: auto;\n    height: auto;\n    margin-left: auto;\n    text-align: right;\n    font-weight: 500;\n    white-space: pre-wrap;\n  }\n}\n",".MicrophoneButton {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  outline: none !important;\n  position: relative;\n  width: 6rem;\n  height: 6rem;\n  border: 0;\n  background: radial-gradient(100% 100% at 100% 0%, #00a0b9 0%, #33c659 55%, #33c659 100%);\n  border-radius: 50%;\n  font-size: 2rem;\n  color: #fff;\n  transition: 0.25s ease-out filter;\n\n  &::before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    width: 8rem;\n    height: 8rem;\n    background: #64C166;\n    border-radius: 50%;\n    filter: blur(10px);\n    opacity: 0.2;\n    pointer-events: none;\n\n    body.is-ios & {\n      display: none;\n    }\n  }\n\n  &:hover {\n    filter: brightness(0.9);\n  }\n\n  &.crossed {\n    background: radial-gradient(100% 100% at 100% 0%, #00AFFE 0%, #00AFFE 55%, #007FFF 100%);\n\n    &::before {\n      background: #00AFFE;\n    }\n  }\n\n  &.muted-by-admin {\n    background: radial-gradient(85.5% 103.5% at 87.5% 20.65%, #CE4D74 0%, #3D52DF 100%);\n    &::before {\n      background: #3D52DF;\n    }\n  }\n\n  &.is-connecting, &.is-connecting:hover {\n    background: #222B34;\n    &::before {\n      background: transparent;\n    }\n  }\n}\n","@import '../../../styles/mixins';\n\n.participant-menu {\n  position: absolute;\n  .bubble {\n    background: none;\n    border-radius: 0;\n    padding: 0;\n    border: none !important;\n    box-shadow: none !important;\n    overflow: visible;\n    color: #ffffff;\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    }\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: 2rem;\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: 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% + 3rem);\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 > div:not(.Transition__slide--active) &, body.animating-right-column & {\n    @content;\n  }\n}\n\n@mixin overflow-y-overlay() {\n  @supports (overflow-y: overlay) {\n    overflow-y: overlay;\n\n    //Workaround for Android <= 9\n    overflow-x: hidden;\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: 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: pointer;\n    }\n\n    &::-moz-range-track, &::-moz-range-progress {\n      cursor: pointer;\n    }\n  }\n}\n",".Avatar {\n  --color-user: var(--color-primary);\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 3.375rem;\n  height: 3.375rem;\n  border-radius: 50%;\n  background: linear-gradient(var(--color-white) -125%, var(--color-user));\n  color: white;\n  font-weight: bold;\n  display: flex;\n  white-space: nowrap;\n  user-select: none;\n\n  img:not(.emoji) {\n    border-radius: 50%;\n  }\n\n  .emoji {\n    width: 1rem;\n    height: 1rem;\n  }\n\n  i {\n    font-size: 2.5rem;\n\n    &.icon-reply-filled {\n      transform: scale(.7);\n    }\n  }\n\n  &.size-micro {\n    width: 1rem;\n    height: 1rem;\n    font-size: 0.5125rem;\n\n    .emoji {\n      width: .5625rem;\n      height: .5625rem;\n    }\n  }\n\n  &.size-tiny {\n    width: 2rem;\n    height: 2rem;\n    font-size: .875rem;\n\n    .emoji {\n      width: .875rem;\n      height: .875rem;\n    }\n  }\n\n  &.size-small {\n    width: 2.125rem;\n    height: 2.125rem;\n    font-size: 0.875rem;\n\n    .emoji {\n      width: .875rem;\n      height: .875rem;\n    }\n  }\n\n  &.size-medium {\n    width: 2.75rem;\n    height: 2.75rem;\n    font-size: 1.1875rem;\n\n    .emoji {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  &.size-large {\n    font-size: 1.3125rem;\n\n    i {\n      font-size: 3.5rem;\n    }\n\n    .emoji {\n      width: 1.3125rem;\n      height: 1.3125rem;\n    }\n  }\n\n  &.size-jumbo {\n    width: 7.5rem;\n    height: 7.5rem;\n    font-size: 3.5rem;\n\n    i {\n      font-size: 6rem;\n    }\n\n    .emoji {\n      width: 3.5rem;\n      height: 3.5rem;\n    }\n  }\n\n  &.online {\n    position: relative;\n\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      bottom: 0.05rem;\n      right: 0.05rem;\n      width: 0.875rem;\n      height: 0.875rem;\n      border-radius: 50%;\n      border: 2px solid var(--color-background);\n      background-color: #0ac630;\n      flex-shrink: 0;\n    }\n  }\n\n  &.interactive {\n    cursor: pointer;\n  }\n\n  img:not(.emoji) {\n    width: 100%;\n    height: 100%;\n  }\n}\n",".GroupCallParticipant {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: #fff;\n  padding: 0.5rem 0.75rem;\n  border-radius: 0.75rem;\n  transition: .15s ease-out background-color;\n  cursor: pointer;\n\n  &:hover {\n    background: #2F363E;\n  }\n\n  audio {\n    display: none;\n  }\n\n  .Avatar {\n    margin-right: 1rem;\n  }\n\n  .info {\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n\n    .name {\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n    }\n\n    .about {\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n      color: #848D94;\n      font-size: 0.75rem;\n\n      &.blue {\n        color: #4DA6E0;\n      }\n\n      &.green {\n        color: #57BC6C;\n      }\n\n      &.red {\n        color: #FF706F;\n      }\n    }\n  }\n\n  .microphone {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 2.75rem;\n    height: 2.75rem;\n    margin-left: auto;\n    font-size: 1.5rem;\n    color: #FF706F;\n  }\n\n  &.can-self-unmute {\n    .microphone {\n      color: #848D94;\n    }\n  }\n\n  .streams {\n    cursor: pointer;\n    display: flex;\n  }\n}\n",".GroupCallParticipantVideo {\n  border-radius: 0.75rem;\n  overflow: hidden;\n  position: relative;\n  max-height: 12.875rem;\n  width: calc(50% - 0.25rem);\n  transition: 0.25s ease-out width;\n  cursor: pointer;\n\n  .thumbnail-avatar {\n    position: absolute;\n    border-radius: 0;\n    width: 100%;\n    height: 100%;\n    transform: scale(1.1);\n\n    img {\n      filter: blur(10px);\n      border-radius: 0;\n      object-fit: cover;\n    }\n  }\n\n  &:last-child:nth-child(odd) {\n    width: 100%;\n  }\n\n  &::before {\n    box-shadow: 0 0 0 3px transparent inset;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    display: block;\n    content: \"\";\n    z-index: 5;\n    border-radius: 0.75rem;\n    transition: 0.25s ease-out box-shadow;\n  }\n\n  &.active::before {\n    box-shadow: 0px 0px 0px 3px #78ee7e inset;\n  }\n\n  .back-button {\n    position: absolute;\n    z-index: 5;\n    top: 0.75rem;\n    left: 0.75rem;\n    background: rgba(0, 0, 0, 0.3);\n    border: 0;\n    color: white;\n    border-radius: 1rem;\n    padding: 0.25rem 0.75rem;\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n    transition: 0.25s ease-out opacity, 0.25s ease-out background-color;\n    opacity: 0;\n    cursor: pointer;\n    outline: none !important;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.4);\n    }\n  }\n\n  video {\n    display: block;\n    width: 100%;\n  }\n\n  .video {\n    object-fit: contain;\n    height: 12.5rem;\n    position: relative;\n  }\n\n  .thumbnail-wrapper {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    z-index: 0;\n    width: 100%;\n    transform: translate(-50%, -50%) scale(1.5);\n    background: black;\n  }\n\n  .thumbnail {\n    filter: blur(10px) brightness(0.5);\n    object-fit: cover;\n  }\n\n  .info {\n    position: absolute;\n    bottom: 0;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    padding: 0 0.5rem 0.25rem;\n    width: 100%;\n    height: 2rem;\n    background: linear-gradient(0deg, #000, transparent);\n    transition: 0.25s ease-out opacity;\n    opacity: 0;\n\n    .name {\n      margin-left: 0.5rem;\n    }\n\n    .last-icon {\n      margin-left: auto;\n    }\n  }\n}\n\n.videos:hover .GroupCallParticipantVideo {\n\n  .info {\n    opacity: 1;\n  }\n\n  .back-button {\n    opacity: 1;\n  }\n}\n",".GroupCall {\n  .modal-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 37.5rem;\n  }\n\n  .modal-dialog {\n    max-height: calc(100% - 4rem);\n    background: #181F27;\n  }\n\n  .Menu .bubble {\n    --color-background: #232A34;\n    --color-chat-hover: #2F363E;\n    --color-item-active: #2F363E;\n    --color-text: #fff;\n    box-shadow: 0 0.25rem 0.5rem 0.125rem rgba(16, 16, 16, 0.3);\n  }\n\n  // Compact menu items\n  .MenuItem {\n    padding: 0.75rem 1rem !important;\n  }\n\n  &.single-column {\n    opacity: 1 !important;\n\n    .modal-dialog {\n      max-width: 100% !important;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n      margin-top: auto;\n      margin-bottom: 0;\n      transform: translate3d(0, 100%, 0);\n      transition: transform .3s ease, opacity .3s ease;\n    }\n\n    .modal-backdrop {\n      opacity: 0;\n      transition: opacity 0.2s ease;\n    }\n\n    &.open {\n      .modal-backdrop {\n        opacity: 1;\n      }\n\n      .modal-dialog {\n        transform: translate3d(0, 0, 0);\n      }\n    }\n  }\n\n  .header {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    color: #fff;\n    margin-bottom: 0.5rem;\n\n    h3 {\n      font-size: 1.25rem;\n      font-weight: 500;\n      margin: 0 auto 0 0.5rem;\n    }\n  }\n\n  .videos {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n  }\n\n  .participants {\n    margin-top: 0.75rem;\n    background: #222B34;\n    border-radius: 0.75rem;\n\n    .Loading {\n      padding: 2rem 0;\n    }\n\n    .invite-btn {\n      padding: 0.25rem 0.75rem;\n      display: flex;\n      align-items: center;\n      border-radius: 0.75rem;\n      transition: .15s ease-out background-color;\n      cursor: pointer;\n      color: var(--color-text-secondary);\n\n      &:hover {\n        background: #2F363E;\n      }\n\n      .text {\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        overflow: hidden;\n      }\n\n      .icon {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 2.75rem;\n        height: 2.75rem;\n        font-size: 1.5rem;\n        margin-right: 1rem;\n      }\n    }\n  }\n\n  .scrollable {\n    overflow: auto;\n    padding-bottom: 2rem;\n    max-width: 37.5rem;\n    width: 100%;\n  }\n\n  .buttons {\n    max-width: 37.5rem;\n    margin-top: auto;\n    display: flex;\n    align-items: center;\n    justify-content: space-around;\n    width: 100%;\n    position: relative;\n    height: 8.75rem;\n\n    button {\n      cursor: pointer;\n    }\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      width: 100%;\n      height: 2rem;\n      background: linear-gradient(0deg, #181F27, rgba(24, 31, 39, 0));\n      z-index: 0;\n      top: -2rem;\n    }\n\n    .button-wrapper {\n      width: 4rem;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n\n      .button-text {\n        white-space: nowrap;\n        font-size: 0.75rem;\n        margin-top: 0.5rem;\n        color: #fff;\n      }\n\n      &.microphone-wrapper {\n        width: 6rem;\n\n        .button-text {\n          margin-top: 0.75rem;\n          font-size: 1rem;\n        }\n      }\n    }\n\n    .Loading {\n      position: absolute;\n      transform: translate(0, -1.125rem);\n\n      .Spinner {\n        --spinner-size: 6.5rem;\n      }\n    }\n\n    .video-buttons {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .small-button, .smaller-button {\n      outline: none;\n      border: 0;\n      background: #15415b;\n      border-radius: 50%;\n      width: 3rem;\n      height: 3rem;\n      color: #fff;\n      font-size: 1.375rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: 0.25s ease-out background-color;\n\n      &:hover {\n        background: #11364b;\n      }\n    }\n\n    .small-button.camera.active {\n      background: #15415b;\n\n      &:hover {\n        background: #11364b;\n      }\n    }\n\n    .small-button.speaker {\n      background: #2B3A51;\n\n      &.active {\n        background: #496092;\n      }\n    }\n\n    .small-button.leave {\n      background: #5A2824;\n\n      &:hover {\n        background: #49201d;\n      }\n    }\n\n    .smaller-button {\n      width: 2.5rem;\n      height: 2.5rem;\n      margin-bottom: 0.5rem;\n      padding: 0;\n    }\n  }\n\n\n  &.landscape .scrollable {\n    display: flex;\n    flex-direction: row;\n    flex-grow: 1;\n    gap: 1rem;\n    align-items: flex-start;\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  &.landscape .GroupCallParticipantVideo {\n    max-height: initial;\n\n    video {\n      height: 100%;\n    }\n  }\n\n  &.landscape .buttons {\n    position: absolute;\n    left: calc(50% - 15.625rem / 2);\n    transform: translateX(-50%);\n    width: auto;\n    gap: 1rem;\n    bottom: 4rem;\n    background: rgba(0, 0, 0, 0.6);\n    backdrop-filter: blur(10px);\n    border-radius: 1rem;\n    z-index: 5;\n    padding: 0.75rem 1rem;\n    height: auto;\n\n    .button-text {\n      display: none;\n    }\n\n    .video-buttons {\n      flex-direction: row;\n      gap: 1rem;\n\n      .smaller-button {\n        margin-bottom: 0;\n      }\n    }\n\n    .Loading {\n      transform: none;\n      .Spinner {\n        --spinner-size: 3.25rem;\n      }\n    }\n\n    .MicrophoneButton {\n      canvas {\n        width: 2rem !important;\n        height: 2rem !important;\n      }\n    }\n\n    .MicrophoneButton, .microphone-wrapper {\n      width: 3rem;\n      height: 3rem;\n\n      .AnimatedSticker {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    }\n\n    &::before {\n      display: none;\n    }\n  }\n\n  &.landscape.no-sidebar .buttons {\n    left: calc(50%);\n  }\n\n  &.landscape .streams {\n    width: 100%;\n    height: 100%;\n  }\n\n  &.landscape .videos {\n    width: 100%;\n    height: 100%;\n\n    display: grid;\n    --column-count: 1;\n    grid-template-columns: repeat(var(--column-count), 1fr);\n    grid-auto-rows: 1fr;\n\n    .GroupCallParticipantVideo {\n      max-height: 100%;\n      width: 100%;\n\n      .thumbnail-wrapper {\n        height: 100%;\n      }\n    }\n\n    &.span-last-video .GroupCallParticipantVideo:last-child {\n      grid-column: span var(--column-count);\n    }\n  }\n\n  &.landscape .participants {\n    width: 15.625rem;\n    margin-top: 0;\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"],"names":[],"sourceRoot":""}