{"version":3,"file":"main.14c876978c09a0d0f018.css","mappings":"AAAA;IACI,SAAS;AACb;;AAEA;IACI,UAAU;AACd;;AAEA;IACI,2BAA2B;IAC3B,8GAA8G;IAC9G,4CAA4C;IAC5C,6BAA6B;IAC7B,6CAA6C;IAC7C,kBAAkB;IAClB,aAAa;IACb,QAAQ;IACR,WAAW;IACX,aAAa;IACb,gBAAgB;IAChB,YAAY;IACZ,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,UAAU;IACV,uEAAuE;IACvE,sBAAsB;IACtB,mBAAmB;;IAEnB;QACI,4CAA4C;IAChD;;IAEA;QACI,+BAA+B;IACnC;AACJ;;AAEA,yDAAyD;AACzD;IACI;QACI,2BAA2B;QAC3B,mHAAmH;QACnH,+CAA+C;QAC/C,gCAAgC;QAChC,0CAA0C;IAC9C;AACJ;;AAEA;;IAEI,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,WAAW;IACX,YAAY;AAChB;AACA;IACI,mCAAmC;AACvC;;AAEA;IACI,UAAU;IACV,oEAAoE;IACpE,kBAAkB;AACtB;;AAEA;IACI,sBAAsB;IACtB,iBAAiB;IACjB,+BAA+B;IAC/B,iCAAiC;IACjC,+BAA+B;IAC/B,gCAAgC;IAChC,6CAA6C;IAC7C,+CAA+C;IAC/C,+BAA+B;IAC/B,mDAAmD;IACnD,uCAAuC;IACvC,6DAA6D;;IAE7D,UAAU;IACV,2BAA2B;AAC/B;;AAEA,yDAAyD;AACzD;IACI;QACI,eAAe;IACnB;AACJ;;AAEA;;;;IAII,+BAA+B;AACnC;AACA;IACI,oBAAoB;AACxB;AACA;IACI,yBAAyB;AAC7B;AACA;IACI,UAAU;IACV,2DAA2D;AAC/D;AACA;IACI,oCAAoC;AACxC;AACA;IACI,6DAA6D;IAC7D,8DAA8D;IAC9D,iCAAiC;AACrC;AACA;IACI,UAAU;IACV,2BAA2B;AAC/B;AACA;IACI,2BAA2B;AAC/B;AACA;;;IAGI,kCAAkC;IAClC,2BAA2B;AAC/B;AACA;IACI,oCAAoC;AACxC;AACA;IACI,6DAA6D;IAC7D,8DAA8D;AAClE;;AAEA;IACI,yBAAyB;IACzB,oBAAoB;;IAEpB,2BAA2B;AAC/B;;AAEA;IACI,4DAA4D;IAC5D,kIAAkI;IAClI,8DAA8D;IAC9D,+HAA+H;;IAE/H,iOAAiO;AACrO;AACA;IACI,gDAAgD;IAChD,sFAAsF;;IAEtF,8GAA8G;AAClH;AACA;IACI,4DAA4D;IAC5D,kIAAkI;;IAElI,iIAAiI;AACrI;AACA;IACI,6DAA6D;IAC7D,8JAA8J;;IAE9J,6GAA6G;AACjH;AACA;IACI,qDAAqD;IACrD,iDAAiD;IACjD,oDAAoD;IACpD,0FAA0F;IAC1F,+DAA+D;IAC/D,gKAAgK;;IAEhK;;;yGAGqG;AACzG;AACA;IACI,qDAAqD;IACrD,iDAAiD;IACjD,mEAAmE;IACnE,0FAA0F;;IAE1F,oPAAoP;AACxP;AACA;IACI,qDAAqD;IACrD,kDAAkD;IAClD,oDAAoD;IACpD,0FAA0F;;IAE1F,0OAA0O;AAC9O;AACA;IACI,iDAAiD;IACjD,uFAAuF;;IAEvF,sHAAsH;AAC1H;AACA;IACI,+CAA+C;IAC/C,gIAAgI;;IAEhI,gGAAgG;AACpG;;AAEA;IACI,iBAAiB;IACjB,YAAY;;IAEZ,yKAAyK;AAC7K;;AAEA;IACI,UAAU;IACV,qDAAqD;AACzD;AACA;IACI,oBAAoB;AACxB;AACA;IACI,iDAAiD;AACrD;AACA;IACI,iCAAiC;AACrC;AACA;IACI,UAAU;IACV,oCAAoC;AACxC;AACA;IACI,kCAAkC;AACtC;AACA;IACI,oCAAoC;AACxC;AACA;IACI,oBAAoB;AACxB;;AAEA;IACI;QACI,UAAU;IACd;IACA;QACI,UAAU;IACd;AACJ;;AAEA;IACI;QACI,UAAU;IACd;IACA;QACI,UAAU;IACd;AACJ;;AAEA;IACI;QACI,2BAA2B;IAC/B;IACA;QACI,iCAAiC;IACrC;AACJ;;AAEA;IACI;QACI,2DAA2D;IAC/D;IACA;QACI,qDAAqD;IACzD;AACJ;;AAEA;IACI;QACI,kCAAkC;IACtC;IACA;QACI,oCAAoC;IACxC;AACJ;;AAEA;IACI;QACI,8DAA8D;IAClE;IACA;QACI,oBAAoB;IACxB;AACJ;;AAEA;IACI;QACI,kCAAkC;IACtC;IACA;QACI,oCAAoC;IACxC;AACJ;;AAEA;IACI;QACI,oCAAoC;IACxC;IACA;QACI,oCAAoC;IACxC;AACJ;;AAEA;IACI;QACI,kCAAkC;IACtC;IACA;QACI,oCAAoC;IACxC;AACJ;;AAEA;IACI;QACI,oCAAoC;IACxC;IACA;QACI,kCAAkC;IACtC;AACJ;;AAEA;IACI;QACI,2BAA2B;IAC/B;IACA;QACI,iCAAiC;IACrC;AACJ;;AAEA;IACI;QACI,2BAA2B;IAC/B;IACA;QACI,iDAAiD;IACrD;AACJ;;AAEA;IACI;QACI,8DAA8D;IAClE;IACA;QACI,oBAAoB;IACxB;AACJ","sources":["webpack://mattermost-webapp/./src/components/initial_loading_screen/initial_loading_screen.css"],"sourcesContent":["body {\n    margin: 0;\n}\n\n.LoadingScreen.disabled {\n    opacity: 0;\n}\n\n.LoadingScreen {\n    --background-color: #ffffff;\n    --background-gradient: linear-gradient(152deg, rgba(63, 67, 80, 0.00) 0%, rgba(63, 67, 80, 0.04) 80%, #FFFFFF);\n    --background-texture: rgba(63, 67, 80, 0.04);\n    --gradient-center-color: #FFF;\n    --gradient-edge-color: rgba(255, 255, 255, 0);\n    position: absolute;\n    z-index: 1000;\n    top: 0px;\n    bottom: 0px;\n    display: flex;\n    overflow: hidden;\n    width: 100vw;\n    height: 100vh;\n    align-items: center;\n    justify-content: center;\n    opacity: 1;\n    transition: opacity 150ms 0ms ease-out, visibility 150ms 0ms step-start;\n    vertical-align: middle;\n    visibility: visible;\n\n    .LoadingScreen__background-gradient {\n        background-image: var(--background-gradient);\n    }\n\n    .LoadingScreen__background-texture {\n        fill: var(--background-texture);\n    }\n}\n\n/* Apply dark mode based on OS preference automatically */\n@media (prefers-color-scheme: dark) {\n    .LoadingScreen {\n        --background-color: #191B1F;\n        --background-gradient: linear-gradient(152deg, rgba(221, 223, 228, 0.00) 0%, rgba(221, 223, 228, 0.04) 80, #191B1F);\n        --background-texture: rgba(221, 223, 228, 0.04);\n        --gradient-center-color: #1B1D22;\n        --gradient-edge-color: rgba(27, 29, 34, 0);\n    }\n}\n\n.LoadingScreen__background,\n.LoadingScreen__background > svg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.LoadingScreen__background {\n    background: var(--background-color);\n}\n\n.LoadingScreen--loaded {\n    opacity: 0;\n    transition: opacity 400ms 0ms ease-in, visibility 400ms 0ms step-end;\n    visibility: hidden;\n}\n\n.LoadingAnimation {\n    --fade-duration: 150ms;\n    --colour: #1E325C;\n    --animation-initial-delay: 50ms;\n    --animation-start-duration: 400ms;\n    --animation-end-duration: 500ms;\n    --animation-spinner-speed: 500ms;\n    --animation-spinner-mask-stroke-length: 169.6;\n    --ease-in-cubic: cubic-bezier(0.32, 0, 0.67, 0);\n    --ease-in: var(--ease-in-cubic);\n    --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\n    --ease-in-out: var(--ease-in-out-cubic);\n    --ease-in-out-compass-shrink: cubic-bezier(0.1, 0.25, 0.3, 1);\n\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n}\n\n/* Apply dark mode based on OS preference automatically */\n@media (prefers-color-scheme: dark) {\n    .LoadingAnimation {\n        --colour: white;\n    }\n}\n\n.LoadingAnimation g,\n.LoadingAnimation rect,\n.LoadingAnimation path,\n.LoadingAnimation circle {\n    transform-origin: center center;\n}\n.LoadingAnimation svg {\n    color: var(--colour);\n}\n.LoadingAnimation .LoadingAnimation__spinner-gradient-color {\n    stop-color: var(--colour);\n}\n.LoadingAnimation .LoadingAnimation__spinner-container {\n    opacity: 0;\n    transform: scale3D(2.08, 2.08, 1) rotate3d(0, 0, 1, -10deg);\n}\n.LoadingAnimation .LoadingAnimation__spinner-mask-container {\n    transform: rotate3d(0, 0, 1, -86deg);\n}\n.LoadingAnimation .LoadingAnimation__spinner-mask {\n    stroke-dasharray: var(--animation-spinner-mask-stroke-length);\n    stroke-dashoffset: var(--animation-spinner-mask-stroke-length);\n    transform: scale3d(1.03, 1.03, 1);\n}\n.LoadingAnimation .LoadingAnimation__compass {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n}\n.LoadingAnimation .LoadingAnimation__compass-needle-container {\n    transform: scale3d(1, 1, 1);\n}\n.LoadingAnimation .LoadingAnimation__compass-needle,\n.LoadingAnimation .LoadingAnimation__compass-needle-front-mask,\n.LoadingAnimation .LoadingAnimation__compass-needle-behind-mask {\n    transform: rotate3d(0, 0, 1, 0deg);\n    transform-origin: 54px 46px;\n}\n.LoadingAnimation .LoadingAnimation__compass-base-mask-container {\n    transform: rotate3d(0, 0, 1, -86deg);\n}\n.LoadingAnimation .LoadingAnimation__compass-base-mask {\n    stroke-dasharray: var(--animation-spinner-mask-stroke-length);\n    stroke-dashoffset: var(--animation-spinner-mask-stroke-length);\n}\n\n.LoadingAnimation--loading {\n    --fade-in-duration: 150ms;\n    --fade-in-delay: 0ms;\n\n    transform: scale3d(1, 1, 1);\n}\n\n.LoadingAnimation.LoadingAnimation--loading .LoadingAnimation__spinner-container {\n    --shrink-duration: calc(var(--animation-end-duration) * 0.5);\n    --shrink-delay: calc( ( var(--animation-start-duration) + var(--animation-end-duration) ) * 0.91 + var(--animation-initial-delay));\n    --fade-in-duration: calc(var(--animation-end-duration) * 0.25);\n    --fade-in-delay: calc( var(--animation-start-duration) + var(--animation-end-duration) * 0.24 + var(--animation-initial-delay));\n\n    animation: LoadingAnimation__spinner-shrink var(--shrink-duration) var(--shrink-delay) var(--ease-in-out-compass-shrink) forwards, LoadingAnimation__fade-in var(--fade-in-duration) var(--fade-in-delay) var(--ease-in) forwards;\n}\n.LoadingAnimation.LoadingAnimation--loading .LoadingAnimation__spinner-mask {\n    --reveal-duration: var(--animation-end-duration);\n    --reveal-delay: calc(var(--animation-start-duration) + var(--animation-initial-delay));\n\n    animation: LoadingAnimation__spinner-reveal var(--reveal-duration) var(--reveal-delay) var(--ease-in) forwards;\n}\n.LoadingAnimation.LoadingAnimation--loading .LoadingAnimation__compass {\n    --shrink-duration: calc(var(--animation-end-duration) * 0.5);\n    --shrink-delay: calc( ( var(--animation-start-duration) + var(--animation-end-duration) ) * 0.91 + var(--animation-initial-delay));\n\n    animation: LoadingAnimation__compass-shrink var(--shrink-duration) var(--shrink-delay) var(--ease-in-out-compass-shrink) forwards;\n}\n.LoadingAnimation.LoadingAnimation--loading .LoadingAnimation__compass-needle-container {\n    --shrink-duration: calc(var(--animation-end-duration) * 0.25);\n    --shrink-delay: calc( var(--animation-start-duration) + var(--animation-end-duration) - var(--animation-end-duration) * 0.25 + var(--animation-initial-delay));\n\n    animation: LoadingAnimation__needle-shrink var(--shrink-duration) var(--shrink-delay) var(--ease-in) forwards;\n}\n.LoadingAnimation.LoadingAnimation--loading .LoadingAnimation__compass-needle {\n    --spin-left-duration: var(--animation-start-duration);\n    --spin-left-delay: var(--animation-initial-delay);\n    --spin-right-duration: var(--animation-end-duration);\n    --spin-right-delay: calc(var(--animation-start-duration) + var(--animation-initial-delay));\n    --fade-out-duration: calc(var(--animation-end-duration) * 0.25);\n    --fade-out-delay: calc( var(--animation-start-duration) + var(--animation-end-duration) - var(--animation-end-duration) * 0.25 + var(--animation-initial-delay));\n\n    animation:\n        LoadingAnimation__needle-spin-left var(--spin-left-duration) var(--spin-left-delay) var(--ease-in-out) forwards,\n        LoadingAnimation__needle-spin-right var(--spin-right-duration) var(--spin-right-delay) var(--ease-in) forwards,\n        LoadingAnimation__fade-out var(--fade-out-duration) var(--fade-out-delay) var(--ease-in) forwards;\n}\n.LoadingAnimation.LoadingAnimation--loading .LoadingAnimation__compass-needle-behind-mask {\n    --spin-left-duration: var(--animation-start-duration);\n    --spin-left-delay: var(--animation-initial-delay);\n    --spin-right-duration: calc(var(--animation-end-duration) * 0.3666);\n    --spin-right-delay: calc(var(--animation-start-duration) + var(--animation-initial-delay));\n\n    animation: LoadingAnimation__needle-mask-spin-left var(--spin-left-duration) var(--spin-left-delay) var(--ease-in-out) forwards, LoadingAnimation__needle-mask-spin-right var(--spin-right-duration) var(--spin-right-delay) var(--ease-in) forwards;\n}\n.LoadingAnimation.LoadingAnimation--loading .LoadingAnimation__compass-needle-front-mask {\n    --spin-left-duration: var(--animation-start-duration);\n    --spin-left-delay:  var(--animation-initial-delay);\n    --spin-right-duration: var(--animation-end-duration);\n    --spin-right-delay: calc(var(--animation-start-duration) + var(--animation-initial-delay));\n\n    animation: LoadingAnimation__needle-spin-left var(--spin-left-duration) var(--spin-left-delay) var(--ease-in-out) forwards, LoadingAnimation__needle-spin-right var(--spin-right-duration) var(--spin-right-delay) var(--ease-in) forwards;\n}\n.LoadingAnimation.LoadingAnimation--loading .LoadingAnimation__compass-base-mask {\n    --conceal-duration: var(--animation-end-duration);\n    --conceal-delay: calc(var(--animation-start-duration) + var(--animation-initial-delay));\n\n    animation: LoadingAnimation__compass-base-conceal var(--conceal-duration) var(--conceal-delay) var(--ease-in) forwards;\n}\n.LoadingAnimation.LoadingAnimation--spinning .LoadingAnimation__spinner {\n    --spin-duration: var(--animation-spinner-speed);\n    --spin-delay: calc( ( var(--animation-start-duration) + var(--animation-end-duration) ) * 0.95 + var(--animation-initial-delay));\n\n    animation: LoadingAnimation__spinner-spin var(--spin-duration) var(--spin-delay) linear infinite;\n}\n\n.LoadingAnimation--loaded {\n    --duration: 400ms;\n    --delay: 0ms;\n\n    animation: LoadingAnimation__fade-out var(--duration) var(--delay) var(--ease-in) forwards, LoadingAnimation__shrink var(--duration) var(--delay) var(--ease-in) forwards;\n}\n\n.LoadingAnimation--loaded .LoadingAnimation__spinner-container {\n    opacity: 1;\n    transform: scale3D(1, 1, 1) rotate3d(0, 0, 1, -10deg);\n}\n.LoadingAnimation--loaded .LoadingAnimation__spinner-mask {\n    stroke-dashoffset: 0;\n}\n.LoadingAnimation--loaded .LoadingAnimation__compass {\n    transform: scale3D(0.4166666667, 0.4166666667, 1);\n}\n.LoadingAnimation--loaded .LoadingAnimation__compass-needle-container {\n    transform: scale3d(0.35, 0.35, 1);\n}\n.LoadingAnimation--loaded .LoadingAnimation__compass-needle {\n    opacity: 0;\n    transform: rotate3d(0, 0, 1, 405deg);\n}\n.LoadingAnimation--loaded .LoadingAnimation__compass-needle-behind-mask {\n    transform: rotate3d(0, 0, 1, 0deg);\n}\n.LoadingAnimation--loaded .LoadingAnimation__compass-needle-front-mask {\n    transform: rotate3d(0, 0, 1, 405deg);\n}\n.LoadingAnimation--loaded .LoadingAnimation__compass-base-mask {\n    stroke-dashoffset: 0;\n}\n\n@keyframes LoadingAnimation__fade-in {\n    0% {\n        opacity: 0;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n\n@keyframes LoadingAnimation__fade-out {\n    0% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 0;\n    }\n}\n\n@keyframes LoadingAnimation__shrink {\n    0% {\n        transform: scale3d(1, 1, 1);\n    }\n    100% {\n        transform: scale3d(0.35, 0.35, 1);\n    }\n}\n\n@keyframes LoadingAnimation__spinner-shrink {\n    0% {\n        transform: scale3D(2.08, 2.08, 1) rotate3d(0, 0, 1, -10deg);\n    }\n    100% {\n        transform: scale3D(1, 1, 1) rotate3d(0, 0, 1, -10deg);\n    }\n}\n\n@keyframes LoadingAnimation__spinner-spin {\n    from {\n        transform: rotate3d(0, 0, 1, 0deg);\n    }\n    to {\n        transform: rotate3d(0, 0, 1, 359deg);\n    }\n}\n\n@keyframes LoadingAnimation__spinner-reveal {\n    0%, 5% {\n        stroke-dashoffset: var(--animation-spinner-mask-stroke-length);\n    }\n    95%, 100% {\n        stroke-dashoffset: 0;\n    }\n}\n\n@keyframes LoadingAnimation__needle-spin-left {\n    0% {\n        transform: rotate3d(0, 0, 1, 0deg);\n    }\n    100% {\n        transform: rotate3d(0, 0, 1, -20deg);\n    }\n}\n\n@keyframes LoadingAnimation__needle-spin-right {\n    0% {\n        transform: rotate3d(0, 0, 1, -20deg);\n    }\n    100% {\n        transform: rotate3d(0, 0, 1, 405deg);\n    }\n}\n\n@keyframes LoadingAnimation__needle-mask-spin-left {\n    0% {\n        transform: rotate3d(0, 0, 1, 0deg);\n    }\n    100% {\n        transform: rotate3d(0, 0, 1, -20deg);\n    }\n}\n\n@keyframes LoadingAnimation__needle-mask-spin-right {\n    0% {\n        transform: rotate3d(0, 0, 1, -20deg);\n    }\n    100% {\n        transform: rotate3d(0, 0, 1, 0deg);\n    }\n}\n\n@keyframes LoadingAnimation__needle-shrink {\n    0% {\n        transform: scale3d(1, 1, 1);\n    }\n    100% {\n        transform: scale3d(0.35, 0.35, 1);\n    }\n}\n\n@keyframes LoadingAnimation__compass-shrink {\n    0% {\n        transform: scale3D(1, 1, 1);\n    }\n    100% {\n        transform: scale3D(0.4166666667, 0.4166666667, 1);\n    }\n}\n\n@keyframes LoadingAnimation__compass-base-conceal {\n    0%, 5% {\n        stroke-dashoffset: var(--animation-spinner-mask-stroke-length);\n    }\n    95%, 100% {\n        stroke-dashoffset: 0;\n    }\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}