mirror of
https://github.com/danog/telegram-tt.git
synced 2024-12-15 18:57:12 +01:00
10 lines
17 KiB
CSS
10 lines
17 KiB
CSS
.Modal{position:relative;z-index:var(--z-modal)}.Modal.delete .modal-dialog,.Modal.error .modal-dialog,.Modal.confirm .modal-dialog,.Modal.pin .modal-dialog,.Modal.unpin-all .modal-dialog{max-width:23rem}.Modal.error .modal-content>div{margin-top:1rem}.Modal.narrow .modal-dialog{max-width:20rem}.Modal.report .modal-dialog{max-width:15rem}.Modal .modal-container{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center}.Modal .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:rgba(0,0,0,.25)}.Modal.transparent-backdrop .modal-backdrop{background-color:transparent}.Modal .modal-dialog{position:relative;display:inline-flex;flex-direction:column;width:100%;max-width:35rem;min-width:17.5rem;margin:2rem auto;background-color:var(--color-background);box-shadow:0 .25rem .5rem .125rem var(--color-default-shadow);border-radius:var(--border-radius-default);transform:translate3d(0, -1rem, 0);transition:transform .2s ease,opacity .2s ease}body.animation-level-0 .Modal .modal-dialog{transition:none;transform:none !important}@media(max-width: 450px){.Modal .modal-dialog{max-width:calc(100vw - 3rem) !important}}.Modal.open .modal-dialog{transform:translate3d(0, 0, 0)}.Modal.closing .modal-dialog{transform:translate3d(0, 1rem, 0)}.Modal .modal-header,.Modal .modal-header-condensed{padding:1rem 1rem 0;display:flex;align-items:center;flex-shrink:0}.Modal .modal-title{font-size:1.25rem;font-weight:500;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.Modal .modal-title:not(:only-child){margin:0 1.3125rem}.Modal .modal-header-condensed{padding:.5rem 1.25rem 0 .9375rem !important}.Modal .modal-header-condensed .modal-action-button{font-size:.875rem;height:2.25rem;width:auto;line-height:1.625rem;margin-left:auto;padding-left:1.25rem;padding-right:1.25rem;min-width:5rem}.Modal .modal-content{width:100%;flex-grow:1;padding:1rem;overflow-y:auto;max-height:90vh}.Modal .modal-content b,.Modal .modal-content strong{word-break:break-word}.Modal .modal-title,.Modal .modal-content,.Modal .modal-content>p{unicode-bidi:plaintext;text-align:initial}.Modal .dialog-buttons{display:flex;align-items:flex-end}.Modal .dialog-buttons .confirm-dialog-button+.confirm-dialog-button{margin-left:1rem}.Modal .confirm-dialog-button{width:auto;height:auto;margin-left:auto;text-align:right;font-weight:500;white-space:pre-wrap}
|
|
.MicrophoneButton{display:flex;justify-content:center;align-items:center;outline:none !important;position:relative;width:6rem;height:6rem;border:0;background:radial-gradient(100% 100% at 100% 0%, #00a0b9 0%, #33c659 55%, #33c659 100%);border-radius:50%;font-size:2rem;color:#fff;transition:.25s ease-out filter}.MicrophoneButton::before{content:"";display:block;position:absolute;width:8rem;height:8rem;background:#64c166;border-radius:50%;filter:blur(10px);opacity:.2;pointer-events:none}body.is-ios .MicrophoneButton::before{display:none}.MicrophoneButton:hover{filter:brightness(0.9)}.MicrophoneButton.crossed{background:radial-gradient(100% 100% at 100% 0%, #00AFFE 0%, #00AFFE 55%, #007FFF 100%)}.MicrophoneButton.crossed::before{background:#00affe}.MicrophoneButton.muted-by-admin{background:radial-gradient(85.5% 103.5% at 87.5% 20.65%, #CE4D74 0%, #3D52DF 100%)}.MicrophoneButton.muted-by-admin::before{background:#3d52df}.MicrophoneButton.is-connecting,.MicrophoneButton.is-connecting:hover{background:#222b34}.MicrophoneButton.is-connecting::before,.MicrophoneButton.is-connecting:hover::before{background:transparent}
|
|
.participant-menu{position:absolute}.participant-menu .bubble{background:none;border-radius:0;padding:0;border:none !important;box-shadow:none !important;overflow:visible;color:#fff}.participant-menu .bubble .group{box-shadow:0 .25rem .5rem .125rem rgba(16,16,16,.3);overflow:hidden;background:var(--color-background);border-radius:var(--border-radius-default);margin-bottom:.5rem}.participant-menu .volume-control{height:3rem;position:relative;overflow:hidden;cursor:pointer}.participant-menu .volume-control .info{pointer-events:none;position:relative;z-index:1;height:100%;display:flex;flex-direction:row;align-items:center;padding:.75rem 1rem}.participant-menu .volume-control .info .AnimatedSticker{margin-right:2rem}.participant-menu .volume-control.high{--range-color: #4DA6E0}.participant-menu .volume-control.normal{--range-color: #57BC6C}.participant-menu .volume-control.medium{--range-color: #CAA53B}.participant-menu .volume-control.low{--range-color: #CB5757}.participant-menu .volume-control input[type=range]{-webkit-appearance:none;display:block;width:100%;height:.75rem;margin-bottom:.5rem;background:transparent}.participant-menu .volume-control input[type=range]:focus{outline:none}.participant-menu .volume-control input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.participant-menu .volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.participant-menu .volume-control input[type=range]::-moz-slider-thumb{-moz-appearance:none}.participant-menu .volume-control input[type=range]::-webkit-slider-runnable-track{cursor:pointer}.participant-menu .volume-control input[type=range]::-moz-range-track,.participant-menu .volume-control input[type=range]::-moz-range-progress{cursor:pointer}.participant-menu .volume-control input[type=range]{height:3rem;position:absolute;left:-1.5rem;top:0;width:calc(100% + 3rem);margin:0;z-index:0}.participant-menu .volume-control input[type=range]::-webkit-slider-thumb{border:none;height:3rem;width:1.5rem;background:var(--range-color);border-radius:var(--border-radius-default);box-shadow:-13.5rem 0 0 12.75rem var(--range-color);-webkit-transition:.25s ease-in-out background-color,.25s ease-in-out box-shadow;transition:.25s ease-in-out background-color,.25s ease-in-out box-shadow}.participant-menu .volume-control input[type=range]::-moz-range-thumb{border:none;height:3rem;width:1.5rem;background:var(--range-color);border-radius:var(--border-radius-default);box-shadow:-13.5rem 0 0 12.75rem var(--range-color);-moz-transition:.25s ease-in-out background-color,.25s ease-in-out box-shadow;transition:.25s ease-in-out background-color,.25s ease-in-out box-shadow}.participant-menu .volume-control input[type=range]::-ms-thumb{border:none;height:3rem;width:1.5rem;background:var(--range-color);border-radius:var(--border-radius-default);box-shadow:-13.5rem 0 0 12.75rem var(--range-color);-ms-transition:.25s ease-in-out background-color,.25s ease-in-out box-shadow;transition:.25s ease-in-out background-color,.25s ease-in-out box-shadow}
|
|
.Avatar{--color-user: var(--color-primary);flex:none;align-items:center;justify-content:center;width:3.375rem;height:3.375rem;border-radius:50%;background:linear-gradient(var(--color-white) -125%, var(--color-user));color:#fff;font-weight:bold;display:flex;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Avatar img:not(.emoji){border-radius:50%}.Avatar .emoji{width:1rem;height:1rem}.Avatar i{font-size:2.5rem}.Avatar i.icon-reply-filled{transform:scale(0.7)}.Avatar.size-micro{width:1rem;height:1rem;font-size:.5125rem}.Avatar.size-micro .emoji{width:.5625rem;height:.5625rem}.Avatar.size-tiny{width:2rem;height:2rem;font-size:.875rem}.Avatar.size-tiny .emoji{width:.875rem;height:.875rem}.Avatar.size-small{width:2.125rem;height:2.125rem;font-size:.875rem}.Avatar.size-small .emoji{width:.875rem;height:.875rem}.Avatar.size-medium{width:2.75rem;height:2.75rem;font-size:1.1875rem}.Avatar.size-medium .emoji{width:1rem;height:1rem}.Avatar.size-large{font-size:1.3125rem}.Avatar.size-large i{font-size:3.5rem}.Avatar.size-large .emoji{width:1.3125rem;height:1.3125rem}.Avatar.size-jumbo{width:7.5rem;height:7.5rem;font-size:3.5rem}.Avatar.size-jumbo i{font-size:6rem}.Avatar.size-jumbo .emoji{width:3.5rem;height:3.5rem}.Avatar.online{position:relative}.Avatar.online::after{content:"";display:block;position:absolute;bottom:.05rem;right:.05rem;width:.875rem;height:.875rem;border-radius:50%;border:2px solid var(--color-background);background-color:#0ac630;flex-shrink:0}.Avatar.interactive{cursor:pointer}.Avatar img:not(.emoji){width:100%;height:100%}
|
|
.GroupCallParticipant{position:relative;display:flex;flex-direction:row;align-items:center;color:#fff;padding:.5rem .75rem;border-radius:.75rem;transition:.15s ease-out background-color;cursor:pointer}.GroupCallParticipant:hover{background:#2f363e}.GroupCallParticipant audio{display:none}.GroupCallParticipant .Avatar{margin-right:1rem}.GroupCallParticipant .info{min-width:0;display:flex;flex-direction:column}.GroupCallParticipant .info .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.GroupCallParticipant .info .about{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#848d94;font-size:.75rem}.GroupCallParticipant .info .about.blue{color:#4da6e0}.GroupCallParticipant .info .about.green{color:#57bc6c}.GroupCallParticipant .info .about.red{color:#ff706f}.GroupCallParticipant .microphone{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-left:auto;font-size:1.5rem;color:#ff706f}.GroupCallParticipant.can-self-unmute .microphone{color:#848d94}.GroupCallParticipant .streams{cursor:pointer;display:flex}
|
|
.GroupCallParticipantVideo{border-radius:.75rem;overflow:hidden;position:relative;max-height:12.875rem;width:calc(50% - 0.25rem);transition:.25s ease-out width;cursor:pointer}.GroupCallParticipantVideo .thumbnail-avatar{position:absolute;border-radius:0;width:100%;height:100%;transform:scale(1.1)}.GroupCallParticipantVideo .thumbnail-avatar img{filter:blur(10px);border-radius:0;object-fit:cover}.GroupCallParticipantVideo:last-child:nth-child(odd){width:100%}.GroupCallParticipantVideo::before{box-shadow:0 0 0 3px transparent inset;width:100%;height:100%;position:absolute;display:block;content:"";z-index:5;border-radius:.75rem;transition:.25s ease-out box-shadow}.GroupCallParticipantVideo.active::before{box-shadow:0px 0px 0px 3px #78ee7e inset}.GroupCallParticipantVideo .back-button{position:absolute;z-index:5;top:.75rem;left:.75rem;background:rgba(0,0,0,.3);border:0;color:#fff;border-radius:1rem;padding:.25rem .75rem;display:flex;align-items:center;gap:.25rem;transition:.25s ease-out opacity,.25s ease-out background-color;opacity:0;cursor:pointer;outline:none !important}.GroupCallParticipantVideo .back-button:hover{background:rgba(0,0,0,.4)}.GroupCallParticipantVideo video{display:block;width:100%}.GroupCallParticipantVideo .video{object-fit:contain;height:12.5rem;position:relative}.GroupCallParticipantVideo .thumbnail-wrapper{position:absolute;top:50%;left:50%;z-index:0;width:100%;transform:translate(-50%, -50%) scale(1.5);background:#000}.GroupCallParticipantVideo .thumbnail{filter:blur(10px) brightness(0.5);object-fit:cover}.GroupCallParticipantVideo .info{position:absolute;bottom:0;color:#fff;display:flex;align-items:center;padding:0 .5rem .25rem;width:100%;height:2rem;background:linear-gradient(0deg, #000, transparent);transition:.25s ease-out opacity;opacity:0}.GroupCallParticipantVideo .info .name{margin-left:.5rem}.GroupCallParticipantVideo .info .last-icon{margin-left:auto}.videos:hover .GroupCallParticipantVideo .info{opacity:1}.videos:hover .GroupCallParticipantVideo .back-button{opacity:1}
|
|
.GroupCall .modal-content{display:flex;flex-direction:column;align-items:center;height:37.5rem}.GroupCall .modal-dialog{max-height:calc(100% - 4rem);background:#181f27}.GroupCall .Menu .bubble{--color-background: #232A34;--color-chat-hover: #2F363E;--color-item-active: #2F363E;--color-text: #fff;box-shadow:0 .25rem .5rem .125rem rgba(16,16,16,.3)}.GroupCall .MenuItem{padding:.75rem 1rem !important}.GroupCall.single-column{opacity:1 !important}.GroupCall.single-column .modal-dialog{max-width:100% !important;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-top:auto;margin-bottom:0;transform:translate3d(0, 100%, 0);transition:transform .3s ease,opacity .3s ease}.GroupCall.single-column .modal-backdrop{opacity:0;transition:opacity .2s ease}.GroupCall.single-column.open .modal-backdrop{opacity:1}.GroupCall.single-column.open .modal-dialog{transform:translate3d(0, 0, 0)}.GroupCall .header{width:100%;display:flex;align-items:center;color:#fff;margin-bottom:.5rem}.GroupCall .header h3{font-size:1.25rem;font-weight:500;margin:0 auto 0 .5rem}.GroupCall .videos{display:flex;flex-wrap:wrap;gap:.5rem}.GroupCall .participants{margin-top:.75rem;background:#222b34;border-radius:.75rem}.GroupCall .participants .Loading{padding:2rem 0}.GroupCall .participants .invite-btn{padding:.25rem .75rem;display:flex;align-items:center;border-radius:.75rem;transition:.15s ease-out background-color;cursor:pointer;color:var(--color-text-secondary)}.GroupCall .participants .invite-btn:hover{background:#2f363e}.GroupCall .participants .invite-btn .text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.GroupCall .participants .invite-btn .icon{display:flex;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.5rem;margin-right:1rem}.GroupCall .scrollable{overflow:auto;padding-bottom:2rem;max-width:37.5rem;width:100%}.GroupCall .buttons{max-width:37.5rem;margin-top:auto;display:flex;align-items:center;justify-content:space-around;width:100%;position:relative;height:8.75rem}.GroupCall .buttons button{cursor:pointer}.GroupCall .buttons::before{position:absolute;content:"";width:100%;height:2rem;background:linear-gradient(0deg, #181F27, rgba(24, 31, 39, 0));z-index:0;top:-2rem}.GroupCall .buttons .button-wrapper{width:4rem;display:flex;flex-direction:column;align-items:center}.GroupCall .buttons .button-wrapper .button-text{white-space:nowrap;font-size:.75rem;margin-top:.5rem;color:#fff}.GroupCall .buttons .button-wrapper.microphone-wrapper{width:6rem}.GroupCall .buttons .button-wrapper.microphone-wrapper .button-text{margin-top:.75rem;font-size:1rem}.GroupCall .buttons .Loading{position:absolute;transform:translate(0, -1.125rem)}.GroupCall .buttons .Loading .Spinner{--spinner-size: 6.5rem}.GroupCall .buttons .video-buttons{display:flex;flex-direction:column;align-items:center}.GroupCall .buttons .small-button,.GroupCall .buttons .smaller-button{outline:none;border:0;background:#15415b;border-radius:50%;width:3rem;height:3rem;color:#fff;font-size:1.375rem;display:flex;align-items:center;justify-content:center;transition:.25s ease-out background-color}.GroupCall .buttons .small-button:hover,.GroupCall .buttons .smaller-button:hover{background:#11364b}.GroupCall .buttons .small-button.camera.active{background:#15415b}.GroupCall .buttons .small-button.camera.active:hover{background:#11364b}.GroupCall .buttons .small-button.speaker{background:#2b3a51}.GroupCall .buttons .small-button.speaker.active{background:#496092}.GroupCall .buttons .small-button.leave{background:#5a2824}.GroupCall .buttons .small-button.leave:hover{background:#49201d}.GroupCall .buttons .smaller-button{width:2.5rem;height:2.5rem;margin-bottom:.5rem;padding:0}.GroupCall.landscape .scrollable{display:flex;flex-direction:row;flex-grow:1;gap:1rem;align-items:flex-start;max-width:100%;max-height:100%}.GroupCall.landscape .GroupCallParticipantVideo{max-height:initial}.GroupCall.landscape .GroupCallParticipantVideo video{height:100%}.GroupCall.landscape .buttons{position:absolute;left:calc(50% - 15.625rem / 2);transform:translateX(-50%);width:auto;gap:1rem;bottom:4rem;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;z-index:5;padding:.75rem 1rem;height:auto}.GroupCall.landscape .buttons .button-text{display:none}.GroupCall.landscape .buttons .video-buttons{flex-direction:row;gap:1rem}.GroupCall.landscape .buttons .video-buttons .smaller-button{margin-bottom:0}.GroupCall.landscape .buttons .Loading{transform:none}.GroupCall.landscape .buttons .Loading .Spinner{--spinner-size: 3.25rem}.GroupCall.landscape .buttons .MicrophoneButton canvas{width:2rem !important;height:2rem !important}.GroupCall.landscape .buttons .MicrophoneButton,.GroupCall.landscape .buttons .microphone-wrapper{width:3rem;height:3rem}.GroupCall.landscape .buttons .MicrophoneButton .AnimatedSticker,.GroupCall.landscape .buttons .microphone-wrapper .AnimatedSticker{display:flex;align-items:center;justify-content:center}.GroupCall.landscape .buttons::before{display:none}.GroupCall.landscape.no-sidebar .buttons{left:calc(50%)}.GroupCall.landscape .streams{width:100%;height:100%}.GroupCall.landscape .videos{width:100%;height:100%;display:grid;--column-count: 1;grid-template-columns:repeat(var(--column-count), 1fr);grid-auto-rows:1fr}.GroupCall.landscape .videos .GroupCallParticipantVideo{max-height:100%;width:100%}.GroupCall.landscape .videos .GroupCallParticipantVideo .thumbnail-wrapper{height:100%}.GroupCall.landscape .videos.span-last-video .GroupCallParticipantVideo:last-child{grid-column:span var(--column-count)}.GroupCall.landscape .participants{width:15.625rem;margin-top:0}
|
|
.ActiveCallHeader{position:absolute;top:0;left:0;height:2rem;width:100%;z-index:1;display:flex;justify-content:center;font-weight:500;font-size:.875rem;color:#fff;align-items:center;padding:0 1rem;background:linear-gradient(135deg, #3152e8, #8f4aac);transform:translateY(-100%)}.ActiveCallHeader.open{transform:translateY(0)}.ActiveCallHeader span{line-height:100%}
|
|
|
|
/*# sourceMappingURL=532.f896c17ee0c2c6548645.css.map*/ |