telegram-tt/dist/133.4b185d4088e0a4a84e5c.css.map

{"version":3,"file":"133.4b185d4088e0a4a84e5c.css","mappings":"AAAA,QACE,kBACA,cACA,iBACA,kBACA,aACA,cACA,sBAEA,gDATF,QAUI,YACA,aACA,sBAGF,YACE,YACA,aAGF,yBACE,kBACA,OACA,MACA,WACA,YAEA,gCACE,aAIJ,wBACE,WACA,YACA,0DACA,mB;ACpCJ,OACE,kBACA,uBAOE,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,+BAGF,qBACE,kBACA,oBACA,sBACA,WACA,gBACA,kBACA,iBACA,yCACA,8DACA,2CACA,mCAEA,+CAEA,4CACE,gBACA,0BAGF,yBApBF,qBAqBI,yCAIJ,0BACE,+BAGF,6BACE,kCAGF,oDAEE,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,oBACA,4BACA,qBACA,uBACA,gBAGF,mBACE,kCACA,mBACA,gBAGF,uBACE,aACA,qBAEA,qEACE,iBAIJ,8BACE,WACA,YACA,iBACA,iBACA,gBACA,qB;ACnKF,yBACE,wBACA,gBACA,yBACA,iBACA,kBAGF,kDAEE,gBAGF,2BACE,kBACA,YACA,WACA,iDAGF,wBACE,gBACA,cACA,kBAEA,gCACE,WACA,cACA,iBAGF,qCACE,kBACA,MACA,OACA,kDAGF,qCACE,YACA,kDAOA,kEACE,gCAGF,qDACE,gCAGF,8CACE,gCAGF,yDAtEJ,gCACA,eACA,mBACA,oFAEA,+DACE,qBAoEE,qDA1EJ,gCACA,eACA,mBACA,iFAEA,2DACE,qBAwEE,8CA9EJ,gCACA,eACA,mBACA,gFAEA,oDACE,qB;ACJF,sBACE,iBACA,kBACA,aACA,cACA,mBACA,wBACA,mBACA,uBACA,sCACA,kBACA,WACA,eACA,eACA,kBACA,gBACA,wBAEA,4BACE,aAGF,0BACE,kBACA,MACA,OACA,WACA,YAGF,wBACE,mBACA,iCACA,qCAKA,iOAGE,wBAGF,0EACE,2BAKF,8BACE,qBAIJ,6BACE,yCAEA,oCACE,WACA,cACA,kBACA,OACA,MACA,WACA,YACA,gCAIJ,+BACE,oBAEA,iCACE,aAGF,sCACE,a","sources":["webpack://telegram-t/./src/components/common/PasswordMonkey.scss","webpack://telegram-t/./src/components/ui/Modal.scss","webpack://telegram-t/./src/components/ui/CropModal.scss","webpack://telegram-t/./src/components/ui/AvatarEditable.scss"],"sourcesContent":["#monkey {\n  position: relative;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  width: 7.5rem;\n  height: 7.5rem;\n  margin-bottom: 1.75rem;\n\n  @media (min-width: 600px) and (min-height: 450px) {\n    width: 10rem;\n    height: 10rem;\n    margin-bottom: 2.5rem;\n  }\n\n  &.big {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .AnimatedSticker {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n\n    &.hidden {\n      display: none\n    }\n  }\n\n  .monkey-preview {\n    width: 100%;\n    height: 100%;\n    background: url('../../assets/monkey.svg') center;\n    background-size: 100%;\n  }\n}\n",".Modal {\n  position: relative;\n  z-index: var(--z-modal);\n\n  &.delete,\n  &.error,\n  &.confirm,\n  &.pin,\n  &.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, 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 0.25rem 0.5rem 0.125rem var(--color-default-shadow);\n    border-radius: var(--border-radius-default);\n    transform: translate3d(0, -1rem, 0);\n\n    transition: transform 0.2s ease, opacity 0.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  %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: 0.5rem 1.25rem 0 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    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 5;\n    text-overflow: ellipsis;\n    overflow: hidden;\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","@mixin thumb-styles() {\n  background: var(--color-primary);\n  cursor: pointer;\n  transform: scale(1);\n  transition: transform 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.2);\n  }\n}\n\n.CropModal {\n  .modal-dialog {\n    width: calc(100% - 2rem);\n    max-width: 35rem;\n    height: calc(100% - 1rem);\n    max-height: 35rem;\n    position: relative;\n  }\n\n  .modal-content,\n  #avatar-crop {\n    overflow: hidden;\n  }\n\n  .confirm-button {\n    position: absolute;\n    bottom: 1rem;\n    right: 1rem;\n    box-shadow: 0 1px 2px var(--color-default-shadow);\n  }\n\n  #avatar-crop {\n    max-width: 25rem;\n    margin: 0 auto;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      display: block;\n      padding-top: 100%;\n    }\n\n    .cr-boundary {\n      position: absolute;\n      top: 0;\n      left: 0;\n      border-radius: var(--border-radius-messages-small);\n    }\n\n    .cr-viewport {\n      border: none;\n      box-shadow: 0 0 2000px 2000px rgba(#7f7f7f, 0.5);\n    }\n\n    .cr-slider {\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\n      &::-webkit-slider-runnable-track {\n        background: var(--color-borders);\n      }\n\n      &::-moz-range-track {\n        background: var(--color-borders);\n      }\n\n      &::-ms-track {\n        background: var(--color-borders);\n      }\n\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","@import \"../../styles/mixins\";\n\n.AvatarEditable {\n  label {\n    margin-left: auto;\n    margin-right: auto;\n    width: 7.5rem;\n    height: 7.5rem;\n    margin-bottom: 2rem;\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--color-primary);\n    border-radius: 50%;\n    color: white;\n    font-size: 3rem;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    outline: none !important;\n\n    input {\n      display: none;\n    }\n\n    img {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    i {\n      transform: scale(1);\n      transition: transform 0.15s linear;\n      z-index: var(--z-register-add-avatar);\n    }\n\n    // @optimization The weirdest workaround for screen animation lag\n    @include while-transition() {\n      input,\n      i,\n      &::after {\n        display: none !important;\n      }\n\n      img {\n        position: static !important;\n      }\n    }\n\n    &:hover {\n      i {\n        transform: scale(1.2);\n      }\n    }\n\n    &.filled {\n      background-color: var(--color-background);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(black, 0.4);\n      }\n    }\n\n    &.disabled {\n      pointer-events: none;\n\n      i {\n        display: none;\n      }\n\n      &::after {\n        display: none;\n      }\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}