@charset "UTF-8"; /* node_modules/swiper/swiper-bundle.min.css */ @font-face { font-family: swiper-icons; src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient( to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient( to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient( to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient( to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size:44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset,50%); width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto; } .swiper-button-lock { display: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right,8px); left: var(--swiper-pagination-left,auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform, .2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size,4px); left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size,4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius,10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset,1%); bottom: var(--swiper-scrollbar-bottom,4px); top: var(--swiper-scrollbar-top,auto); z-index: 50; height: var(--swiper-scrollbar-size,4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left,auto); right: var(--swiper-scrollbar-right,4px); top: var(--swiper-scrollbar-sides-offset,1%); z-index: 50; width: var(--swiper-scrollbar-size,4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5)); border-radius: var(--swiper-scrollbar-border-radius,10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper.swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /* src/assets/css/animate.css */ /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .custom-event { color: white; border: none; } .danger { background-color: rgb(0, 98, 73); color: black; border: none; } .primary { background-color: #ff5801; color: white; border: none; } .success { background-color: green; color: white; border: none; } .info { border: none; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media (prefers-reduced-motion: reduce), print { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*=Out] { opacity: 0; } } @-webkit-keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOut { 0% { opacity: 1; } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { opacity: 1; } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { opacity: 1; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* src/assets/css/modal.css */ body.modal-open { overflow: hidden; } .modal { z-index: 52 !important; height: 100%; align-items: flex-start !important; overflow: auto; background-color: rgb(0 0 0 / 0.6) !important; padding-left: 1rem; padding-right: 1rem; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } ngx-custom-modal .modal { display: flex; justify-content: center; } .modal .modal-dialog { margin-top: auto; margin-bottom: auto; width: 100%; max-width: 32rem; overflow: hidden; border-radius: 0.5rem; } .modal .modal-content { position: relative; --tw-bg-opacity: 1; background-color: rgb(6 8 24 / var(--tw-bg-opacity, 1)); font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .modal .modal-content:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); } .modal .modal-header > div { --tw-bg-opacity: 1; background-color: rgb(255 88 1 / var(--tw-bg-opacity, 1)); padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); } .modal .modal-header > div:where([dir=ltr], [dir=ltr] *) { padding-left: 1.25rem; padding-right: 50px; } .modal .modal-header > div:where([dir=rtl], [dir=rtl] *) { padding-left: 50px; padding-right: 1.25rem; } .modal .modal-header .close { position: absolute; top: 0.75rem; flex-shrink: 0; font-size: 1.875rem !important; font-weight: 400; line-height: 1.75rem !important; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .modal .modal-header .close:hover { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .modal .modal-header .close:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .modal .modal-header .close:where([dir=ltr], [dir=ltr] *) { right: 1.25rem; } .modal .modal-header .close:where([dir=rtl], [dir=rtl] *) { left: 1.25rem; } .modal .modal-body { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.25rem; } .modal .modal-footer { margin-top: 2rem; display: flex; align-items: center; justify-content: flex-end; padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.25rem; } .modal.modal-top .modal-dialog { margin-top: 0px !important; margin-bottom: 0px !important; } .modal.no-animation { transition-property: none !important; } .extra-large-modal .modal-dialog { max-width: 64rem !important; } .large-modal .modal-dialog { max-width: 36rem !important; } .small-modal .modal-dialog { max-width: 24rem !important; } .video-modal .modal-content { background-color: transparent !important; } .video-modal .modal-body { padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; } .video-modal .modal-header .close { top: 0px; } .video-modal .modal-header .close:where([dir=ltr], [dir=ltr] *) { right: 0px !important; } .video-modal .modal-dialog { max-width: 48rem !important; } .modal.animate .modal-dialog { animation-duration: 1s; animation-duration: var(--animate-duration); animation-fill-mode: both; } .modal.animate-fade-in .modal-dialog { animation-name: fadeIn; } .modal.animate-slide-in-down .modal-dialog { animation-name: slideInDown; } .modal.animate-fade-in-up .modal-dialog { animation-name: fadeInUp; } .modal.animate-slide-in-up .modal-dialog { animation-name: slideInUp; } .modal.animate-fade-in-left .modal-dialog { animation-name: fadeInLeft; } .modal.animate-rotate-in-left .modal-dialog { animation-name: rotateInDownLeft; transform-origin: left bottom; } .modal.animate-rotate-in-right .modal-dialog { animation-name: rotateInDownRight; transform-origin: right bottom; } .modal.animate-fade-in-right .modal-dialog { animation-name: fadeInRight; } .modal.animate-zoom-in-up .modal-dialog { animation-name: zoomInUp; } .modal.custom-modal .modal-header .close { display: none; } .modal.profile-modal .modal-content { --tw-bg-opacity: 1; background-color: rgb(6 8 24 / var(--tw-bg-opacity, 1)); padding-top: 1.25rem; padding-bottom: 1.25rem; } .modal.profile-modal .modal-dialog { max-width: 300px; } .modal.profile-modal .modal-header .close { font-size: 26px !important; } .modal.profile-modal .modal-footer { justify-content: center; } .modal.auth-modal .modal-content, .modal.slider-modal .modal-content { padding-left: 1rem; padding-right: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } .modal.auth-modal .modal-dialog { max-width: 24rem; } .modal.auth-modal .modal-header div { background-color: transparent; font-weight: 600; } .modal.auth-modal .modal-header, .modal.slider-modal .modal-header { position: relative; } .modal.auth-modal .modal-header .close, .modal.slider-modal .modal-header .close { top: 50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .modal.slider-modal .modal-footer, .no-footer .modal .modal-footer { display: none; } .no-footer .modal .modal-body { padding-bottom: 1.25rem; } .modal.slider-modal .modal-body { padding: 0px; } .modal.slider-modal .modal-header .close:where([dir=ltr], [dir=ltr] *) { right: 0px; } .modal.slider-modal .modal-header .close:where([dir=rtl], [dir=rtl] *) { left: 0px; } /* src/assets/css/tailwind.css */ *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } *, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; } ::before, ::after { --tw-content: ""; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body { margin: 0; line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } dialog { padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; } button, [role=button] { cursor: pointer; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } [hidden]:where(:not([hidden=until-found])) { display: none; } .container { width: 100%; margin-right: auto; margin-left: auto; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .form-input, .form-textarea, .form-select, .form-multiselect { appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } .form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } .form-input::placeholder, .form-textarea::placeholder { color: #6b7280; opacity: 1; } .form-input::-webkit-datetime-edit-fields-wrapper { padding: 0; } .form-input::-webkit-date-and-time-value { min-height: 1.5em; text-align: inherit; } .form-input::-webkit-datetime-edit { display: inline-flex; } .form-input::-webkit-datetime-edit, .form-input::-webkit-datetime-edit-year-field, .form-input::-webkit-datetime-edit-month-field, .form-input::-webkit-datetime-edit-day-field, .form-input::-webkit-datetime-edit-hour-field, .form-input::-webkit-datetime-edit-minute-field, .form-input::-webkit-datetime-edit-second-field, .form-input::-webkit-datetime-edit-millisecond-field, .form-input::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } .form-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-select:where([size]:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset; } .form-checkbox, .form-radio { appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000; } .form-checkbox { border-radius: 0px; } .form-radio { border-radius: 100%; } .form-checkbox:focus, .form-radio:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .form-checkbox:checked, .form-radio:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .form-checkbox:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } @media (forced-colors: active) { .form-checkbox:checked { appearance: auto; } } .form-radio:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } @media (forced-colors: active) { .form-radio:checked { appearance: auto; } } .form-checkbox:checked:hover, .form-checkbox:checked:focus, .form-radio:checked:hover, .form-radio:checked:focus { border-color: transparent; background-color: currentColor; } .form-checkbox:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } @media (forced-colors: active) { .form-checkbox:indeterminate { appearance: auto; } } .form-checkbox:indeterminate:hover, .form-checkbox:indeterminate:focus { border-color: transparent; background-color: currentColor; } html { scroll-behavior: smooth; } body { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); font-family: Nunito, sans-serif; } body.dark { --tw-bg-opacity: 1; background-color: rgb(6 8 24 / var(--tw-bg-opacity, 1)); } .panel { position: relative; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 1.25rem; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .panel:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(14 23 38 / var(--tw-bg-opacity, 1)); } .navbar-sticky header, .navbar-floating header { position: sticky; top: 0px; z-index: 20; } .navbar-floating header { background-color: rgb(250 250 250 / 0.9); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; } .navbar-floating header:is(.dark *) { background-color: rgb(6 8 24 / 0.9); } .navbar-floating header > div > div:first-child { border-radius: 0.375rem; } .horizontal .navbar-floating header > div > div:first-child { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .horizontal .navbar-floating header .horizontal-menu { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .sidebar:hover .nav-item > a { width: auto; } .sidebar .nav-item > button, .sidebar .nav-item > a { margin-bottom: 0.25rem; display: flex; width: 100%; align-items: center; justify-content: space-between; overflow: hidden; white-space: nowrap; border-radius: 0.375rem; padding: 0.625rem; --tw-text-opacity: 1; color: rgb(80 102 144 / var(--tw-text-opacity, 1)); } .sidebar .nav-item > button:hover, .sidebar .nav-item > a:hover { background-color: rgb(0 0 0 / 0.08); --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); } .sidebar .nav-item > button:hover:is(.dark *), .sidebar .nav-item > a:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(24 31 50 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .sidebar .nav-item > button.active, .sidebar .nav-item > a.active { background-color: rgb(0 0 0 / 0.08); --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); } .sidebar .nav-item > button.active:is(.dark *), .sidebar .nav-item > a.active:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(24 31 50 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .sidebar .nav-item > button.active > div > span:is(.dark *), .sidebar .nav-item > a.active > div > span:is(.dark *) { --tw-text-opacity: 1 !important; color: rgb(136 142 168 / var(--tw-text-opacity, 1)) !important; } .sidebar ul.sub-menu li button, .sidebar ul.sub-menu li a { display: flex; width: 100%; align-items: center; padding-left: 2.25rem; padding-right: 2.25rem; padding-top: 0.625rem; padding-bottom: 0.625rem; } .sidebar ul.sub-menu li button::before, .sidebar ul.sub-menu li a::before { height: 0.125rem; width: 0.5rem; border-radius: 0.25rem; content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .sidebar ul.sub-menu li button:hover, .sidebar ul.sub-menu li a:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 88 1 / var(--tw-text-opacity, 1)); } .sidebar ul.sub-menu li button:hover::before, .sidebar ul.sub-menu li a:hover::before { content: var(--tw-content) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 88 1 / var(--tw-bg-opacity, 1)) !important; } .sidebar ul.sub-menu li button:is(.dark *)::before, .sidebar ul.sub-menu li a:is(.dark *)::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .sidebar ul.sub-menu li button:hover:is(.dark *), .sidebar ul.sub-menu li a:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 88 1 / var(--tw-text-opacity, 1)); } .sidebar ul.sub-menu li button:where([dir=ltr], [dir=ltr] *)::before, .sidebar ul.sub-menu li a:where([dir=ltr], [dir=ltr] *)::before { content: var(--tw-content); margin-right: 0.5rem; } .sidebar ul.sub-menu li button:where([dir=rtl], [dir=rtl] *)::before, .sidebar ul.sub-menu li a:where([dir=rtl], [dir=rtl] *)::before { content: var(--tw-content); margin-left: 0.5rem; } .sidebar ul.sub-menu li button.active, .sidebar ul.sub-menu li a.active { --tw-text-opacity: 1; color: rgb(255 88 1 / var(--tw-text-opacity, 1)); } .sidebar ul.sub-menu li button.active::before, .sidebar ul.sub-menu li a.active::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 88 1 / var(--tw-bg-opacity, 1)); } .sidebar .nav-item a div:first-child svg, .sidebar .nav-item button div:first-child svg { height: 1.25rem; width: 1.25rem; color: rgb(14 23 38 / 0.5); } .sidebar .nav-item a div:first-child svg:is(.dark *), .sidebar .nav-item button div:first-child svg:is(.dark *) { color: rgb(255 255 255 / 0.5); } .horizontal .horizontal-menu { display: none; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (min-width: 1024px) { .horizontal .horizontal-menu { display: flex; } } .horizontal .horizontal-logo { display: flex; } .horizontal .main-container .main-content:where([dir=ltr], [dir=ltr] *) { margin-left: 0px; } .horizontal .main-container .main-content:where([dir=rtl], [dir=rtl] *) { margin-right: 0px; } .horizontal .sidebar:where([dir=ltr], [dir=ltr] *) { left: -260px; } .horizontal .sidebar:where([dir=rtl], [dir=rtl] *) { right: -260px; } .horizontal.toggle-sidebar .sidebar:where([dir=ltr], [dir=ltr] *) { left: 0px; } @media (min-width: 1024px) { .horizontal.toggle-sidebar .sidebar:where([dir=ltr], [dir=ltr] *) { left: -260px; } } .horizontal.toggle-sidebar .sidebar:where([dir=rtl], [dir=rtl] *) { right: 0px; } @media (min-width: 1024px) { .horizontal.toggle-sidebar .sidebar:where([dir=rtl], [dir=rtl] *) { right: -260px; } } .horizontal .nav-item a div:first-child svg { height: 1.25rem; width: 1.25rem; color: rgb(14 23 38 / 0.5); } .horizontal .nav-item a div:first-child svg:is(.dark *) { color: rgb(255 255 255 / 0.5); } .horizontal .dark .nav-item a div:first-child svg, .dark.horizontal .nav-item a div:first-child svg { color: rgb(255 255 255 / 0.5); } .horizontal-menu .nav-link { display: flex; align-items: center; border-radius: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.625rem; padding-bottom: 0.625rem; } .horizontal-menu .nav-link:hover { background-color: rgb(0 0 0 / 0.08); --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); } .horizontal-menu .nav-link:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(24 31 50 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } @media (min-width: 1280px) { .horizontal-menu .nav-link { padding-left: 1rem; padding-right: 1rem; } } .horizontal-menu .nav-link.active { background-color: rgb(0 0 0 / 0.08); --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); } .horizontal-menu .nav-link.active:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(24 31 50 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .horizontal-menu ul.sub-menu { position: absolute; top: 100%; z-index: 20; display: none; min-width: 180px; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 0px; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgb(59 63 92 / var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .horizontal-menu ul.sub-menu:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(27 46 75 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .horizontal-menu ul.sub-menu a { display: flex; align-items: center; justify-content: space-between; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .horizontal-menu ul.sub-menu a:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 88 1 / var(--tw-text-opacity, 1)); } .horizontal-menu ul.sub-menu a:hover:is(.dark *) { background-color: rgb(255 88 1 / 0.1); } .horizontal-menu ul.sub-menu a.active { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 88 1 / var(--tw-text-opacity, 1)); } .horizontal-menu ul.sub-menu a.active:is(.dark *) { background-color: rgb(255 88 1 / 0.1); } .horizontal-menu > li.nav-item:hover > ul.sub-menu, .horizontal-menu > li.nav-item > ul.sub-menu > li:hover > ul { display: block; } .vertical.toggle-sidebar .horizontal-logo, .vertical.toggle-sidebar .collapse-icon { display: flex; } .vertical.toggle-sidebar .main-container .main-content:where([dir=ltr], [dir=ltr] *) { margin-left: 0px; } .vertical.toggle-sidebar .main-container .main-content:where([dir=rtl], [dir=rtl] *) { margin-right: 0px; } .vertical .sidebar:where([dir=ltr], [dir=ltr] *) { left: -260px; } @media (min-width: 1024px) { .vertical .sidebar:where([dir=ltr], [dir=ltr] *) { left: 0px; } } .vertical .sidebar:where([dir=rtl], [dir=rtl] *) { right: -260px; } @media (min-width: 1024px) { .vertical .sidebar:where([dir=rtl], [dir=rtl] *) { right: 0px; } } .vertical.toggle-sidebar .sidebar:where([dir=ltr], [dir=ltr] *) { left: 0px; } @media (min-width: 1024px) { .vertical.toggle-sidebar .sidebar:where([dir=ltr], [dir=ltr] *) { left: -260px; } } .vertical.toggle-sidebar .sidebar:where([dir=rtl], [dir=rtl] *) { right: 0px; } @media (min-width: 1024px) { .vertical.toggle-sidebar .sidebar:where([dir=rtl], [dir=rtl] *) { right: -260px; } } .collapsible-vertical .sidebar:hover { width: 260px; } @media (min-width: 1024px) { .collapsible-vertical .sidebar { width: 70px; } } .collapsible-vertical .sidebar:where([dir=ltr], [dir=ltr] *) { left: -260px; } @media (min-width: 1024px) { .collapsible-vertical .sidebar:where([dir=ltr], [dir=ltr] *) { left: 0px; } } .collapsible-vertical .sidebar:where([dir=rtl], [dir=rtl] *) { right: -260px; } @media (min-width: 1024px) { .collapsible-vertical .sidebar:where([dir=rtl], [dir=rtl] *) { right: 0px; } } .collapsible-vertical.toggle-sidebar .sidebar:where([dir=ltr], [dir=ltr] *) { left: 0px; } .collapsible-vertical.toggle-sidebar .sidebar:where([dir=rtl], [dir=rtl] *) { right: 0px; } @media (min-width: 1024px) { .collapsible-vertical.toggle-sidebar .sidebar { width: 260px; } } .collapsible-vertical.toggle-sidebar .sidebar .nav-item > a { width: auto; } @media (min-width: 1024px) { .collapsible-vertical.toggle-sidebar .main-content { width: calc(100% - 260px); } .collapsible-vertical.toggle-sidebar .main-content:where([dir=ltr], [dir=ltr] *) { margin-left: 260px; } .collapsible-vertical.toggle-sidebar .main-content:where([dir=rtl], [dir=rtl] *) { margin-right: 260px; } .collapsible-vertical .sidebar .sub-menu { display: none; } } .collapsible-vertical .sidebar:hover .sub-menu, .collapsible-vertical .sidebar:hover .sub-menu.recent-submenu, .collapsible-vertical.toggle-sidebar .sidebar .sub-menu { display: block; } @media (min-width: 1024px) { .collapsible-vertical .main-content { width: calc(100% - 70px); } .collapsible-vertical .main-content:where([dir=ltr], [dir=ltr] *) { margin-left: 70px; } .collapsible-vertical .main-content:where([dir=rtl], [dir=rtl] *) { margin-right: 70px; } } .collapsible-vertical .sidebar .collapse-icon, .collapsible-vertical .main-logo > span { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 1024px) { .collapsible-vertical .sidebar .collapse-icon, .collapsible-vertical .main-logo > span { opacity: 0; } } .collapsible-vertical .sidebar:hover .collapse-icon, .collapsible-vertical.toggle-sidebar .collapse-icon, .collapsible-vertical .sidebar:hover .main-logo > span, .collapsible-vertical.toggle-sidebar .main-logo > span { transition-duration: 500ms; } @media (min-width: 1024px) { .collapsible-vertical .sidebar:hover .collapse-icon, .collapsible-vertical.toggle-sidebar .collapse-icon, .collapsible-vertical .sidebar:hover .main-logo > span, .collapsible-vertical.toggle-sidebar .main-logo > span { opacity: 1; } } .collapsible-vertical.toggle-sidebar .sidebar .collapse-icon { display: flex; --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .collapsible-vertical .sidebar:hover .collapse-icon { display: flex; --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .collapsible-vertical .sidebar ul > h2 span { display: none; white-space: nowrap; } .collapsible-vertical .sidebar ul > h2 svg { display: block; } .collapsible-vertical .sidebar:hover ul > h2 span, .collapsible-vertical.toggle-sidebar .sidebar ul > h2 span { display: inline; } .collapsible-vertical .sidebar:hover ul > h2 svg, .collapsible-vertical.toggle-sidebar .sidebar ul > h2 svg { display: none; } .boxed-layout { margin-left: auto; margin-right: auto; max-width: 1400px; } .boxed-layout.vertical .sidebar, .boxed-layout.collapsible-vertical .sidebar { overflow: hidden; } @media (min-width: 1024px) { .boxed-layout.vertical .sidebar:where([dir=ltr], [dir=ltr] *), .boxed-layout.collapsible-vertical .sidebar:where([dir=ltr], [dir=ltr] *) { left: auto; } .boxed-layout.vertical .sidebar:where([dir=rtl], [dir=rtl] *), .boxed-layout.collapsible-vertical .sidebar:where([dir=rtl], [dir=rtl] *) { right: auto; } .boxed-layout.vertical.toggle-sidebar .sidebar { width: 0px; } } .btn { position: relative; display: flex; align-items: center; justify-content: center; border-radius: 0.375rem; border-width: 1px; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; --tw-shadow: 0 10px 20px -10px; --tw-shadow-colored: 0 10px 20px -10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .btn:hover { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .btn-sm { padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; line-height: 1rem; } .btn[disabled] { cursor: not-allowed; opacity: 0.6; } .btn-primary { --tw-border-opacity: 1; border-color: rgb(255 88 1 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 88 1 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow-color: rgb(255 88 1 / 0.6); --tw-shadow: var(--tw-shadow-colored); } .btn-outline-primary { --tw-border-opacity: 1; border-color: rgb(255 88 1 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 88 1 / var(--tw-text-opacity, 1)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .btn-outline-primary:hover { --tw-bg-opacity: 1; background-color: rgb(255 88 1 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .btn-secondary { --tw-border-opacity: 1; border-color: rgb(128 93 202 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(128 93 202 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow-color: rgb(128 93 202 / 0.6); --tw-shadow: var(--tw-shadow-colored); } .btn-success { --tw-border-opacity: 1; border-color: rgb(0 171 85 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(0 171 85 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow-color: rgb(0 171 85 / 0.6); --tw-shadow: var(--tw-shadow-colored); } .btn-danger { --tw-border-opacity: 1; border-color: rgb(231 81 90 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(231 81 90 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow-color: rgb(231 81 90 / 0.6); --tw-shadow: var(--tw-shadow-colored); } .btn-outline-danger { --tw-border-opacity: 1; border-color: rgb(231 81 90 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgb(231 81 90 / var(--tw-text-opacity, 1)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .btn-outline-danger:hover { --tw-bg-opacity: 1; background-color: rgb(231 81 90 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .btn-warning { --tw-border-opacity: 1; border-color: rgb(226 160 63 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(226 160 63 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow-color: rgb(226 160 63 / 0.6); --tw-shadow: var(--tw-shadow-colored); } .btn-info { --tw-border-opacity: 1; border-color: rgb(33 150 243 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(33 150 243 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow-color: rgb(33 150 243 / 0.6); --tw-shadow: var(--tw-shadow-colored); } .btn-dark { --tw-border-opacity: 1; border-color: rgb(59 63 92 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(59 63 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow-color: rgb(59 63 92 / 0.6); --tw-shadow: var(--tw-shadow-colored); } .badge { position: relative; margin-top: 0.25rem; margin-bottom: 0.25rem; border-radius: 0.25rem; border-width: 1px; border-color: transparent; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.125rem; padding-bottom: 0.125rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .form-input, .form-textarea, .form-select, .form-multiselect { width: 100%; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 230 237 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); outline: 2px solid transparent !important; outline-offset: 2px !important; } .form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus { --tw-border-opacity: 1; border-color: rgb(255 88 1 / var(--tw-border-opacity, 1)); --tw-ring-color: transparent; } .form-input:is(.dark *), .form-textarea:is(.dark *), .form-select:is(.dark *), .form-multiselect:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(23 38 60 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(18 30 50 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .form-input:focus:is(.dark *), .form-textarea:focus:is(.dark *), .form-select:focus:is(.dark *), .form-multiselect:focus:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(255 88 1 / var(--tw-border-opacity, 1)); } label { margin-bottom: 0.375rem; display: block; font-weight: 600; } [dir=rtl] select { background-position: left 0.5rem center; } .has-error .form-input, .has-error .form-textarea, .has-error .form-select, .has-error .form-multiselect, .has-error .multiselect__tags { --tw-border-opacity: 1; border-color: rgb(231 81 90 / var(--tw-border-opacity, 1)); background-color: rgb(231 81 90 / 0.08); --tw-text-opacity: 1; color: rgb(231 81 90 / var(--tw-text-opacity, 1)); } .has-error .form-input::placeholder, .has-error .form-textarea::placeholder, .has-error .form-select::placeholder, .has-error .form-multiselect::placeholder, .has-error .multiselect__tags::placeholder { color: rgb(231 81 90 / 0.7); } .has-error .form-input:focus, .has-error .form-textarea:focus, .has-error .form-select:focus, .has-error .form-multiselect:focus, .has-error .multiselect__tags:focus { --tw-border-opacity: 1; border-color: rgb(231 81 90 / var(--tw-border-opacity, 1)); } .has-error .multiselect__tags:hover, .has-error .form-checkbox { --tw-border-opacity: 1; border-color: rgb(231 81 90 / var(--tw-border-opacity, 1)); } .has-success .form-input, .has-success .form-textarea, .has-success .form-select, .has-success .form-multiselect, .has-success .multiselect__tags { --tw-border-opacity: 1; border-color: rgb(0 171 85 / var(--tw-border-opacity, 1)); background-color: rgb(0 171 85 / 0.08); --tw-text-opacity: 1; color: rgb(0 171 85 / var(--tw-text-opacity, 1)); } .has-success .form-input::placeholder, .has-success .form-textarea::placeholder, .has-success .form-select::placeholder, .has-success .form-multiselect::placeholder, .has-success .multiselect__tags::placeholder { color: rgb(0 171 85 / 0.7); } .has-success .form-input:focus, .has-success .form-textarea:focus, .has-success .form-select:focus, .has-success .form-multiselect:focus, .has-success .multiselect__tags:focus { --tw-border-opacity: 1; border-color: rgb(0 171 85 / var(--tw-border-opacity, 1)); } .form-radio, .form-checkbox { height: 1.25rem; width: 1.25rem; cursor: pointer; border-radius: 0.25rem; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(224 230 237 / var(--tw-border-opacity, 1)); background-color: transparent; --tw-text-opacity: 1; color: rgb(255 88 1 / var(--tw-text-opacity, 1)); --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; outline: 2px solid transparent !important; outline-offset: 2px !important; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; --tw-ring-offset-width: 0px !important; } .form-radio:checked, .form-checkbox:checked { background-size: 90% 90%; } .form-radio:disabled, .form-checkbox:disabled { cursor: not-allowed; --tw-bg-opacity: 1; background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1)); } .form-radio:is(.dark *), .form-checkbox:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(37 59 92 / var(--tw-border-opacity, 1)); } .form-radio:checked:is(.dark *), .form-checkbox:checked:is(.dark *) { border-color: transparent; } .form-radio:disabled:is(.dark *), .form-checkbox:disabled:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(27 46 75 / var(--tw-bg-opacity, 1)); } .form-radio:where([dir=ltr], [dir=ltr] *), .form-checkbox:where([dir=ltr], [dir=ltr] *) { margin-right: 0.375rem; } .form-radio:where([dir=rtl], [dir=rtl] *), .form-checkbox:where([dir=rtl], [dir=rtl] *) { margin-left: 0.375rem; } .form-checkbox.outline-primary:checked { --tw-border-opacity: 1; border-color: rgb(255 88 1 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: url("data:image/svg+xml,"); } .form-checkbox.outline-secondary:checked { --tw-border-opacity: 1; border-color: rgb(128 93 202 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: url("data:image/svg+xml,"); } .form-checkbox.outline-success:checked { --tw-border-opacity: 1; border-color: rgb(0 171 85 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: url("data:image/svg+xml,"); } .form-checkbox.outline-danger:checked { --tw-border-opacity: 1; border-color: rgb(231 81 90 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: url("data:image/svg+xml,"); } .form-checkbox.outline-warning:checked { --tw-border-opacity: 1; border-color: rgb(226 160 63 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: url("data:image/svg+xml,"); } .form-checkbox.outline-info:checked { --tw-border-opacity: 1; border-color: rgb(33 150 243 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: url("data:image/svg+xml,"); } .form-checkbox.outline-dark:checked { --tw-border-opacity: 1; border-color: rgb(59 63 92 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: url("data:image/svg+xml,"); } .form-radio { border-radius: 9999px; } .form-radio.outline-primary:checked { --tw-border-opacity: 1; border-color: rgb(255 88 1 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: none; } .form-radio.outline-secondary:checked { --tw-border-opacity: 1; border-color: rgb(128 93 202 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: none; } .form-radio.outline-success:checked { --tw-border-opacity: 1; border-color: rgb(0 171 85 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: none; } .form-radio.outline-danger:checked { --tw-border-opacity: 1; border-color: rgb(231 81 90 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: none; } .form-radio.outline-warning:checked { --tw-border-opacity: 1; border-color: rgb(226 160 63 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: none; } .form-radio.outline-info:checked { --tw-border-opacity: 1; border-color: rgb(33 150 243 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: none; } .form-radio.outline-dark:checked { --tw-border-opacity: 1; border-color: rgb(59 63 92 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: none; } .dropdown { position: relative; } .dropdown > button { display: flex; } .dropdown ul { position: absolute; z-index: 10; margin-top: 0.25rem; min-width: 120px; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 0px; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dropdown ul:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(27 46 75 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .dropdown ul { } .dropdown ul li > a, .dropdown ul li > button { display: flex; align-items: center; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .dropdown ul li > a:hover, .dropdown ul li > button:hover { background-color: rgb(255 88 1 / 0.1); --tw-text-opacity: 1; color: rgb(255 88 1 / var(--tw-text-opacity, 1)); } .dropdown ul li > button { width: 100%; } .table-responsive { overflow: auto; } table { width: 100%; border-collapse: collapse !important; } table thead tr, table tfoot tr { border-bottom-width: 0px; --tw-bg-opacity: 1 !important; background-color: rgb(246 248 250 / var(--tw-bg-opacity, 1)) !important; } table thead tr:is(.dark *), table tfoot tr:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgb(26 41 65 / var(--tw-bg-opacity, 1)) !important; } table thead tr th, table tfoot tr th, table tbody tr td { padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } table thead tr th:where([dir=ltr], [dir=ltr] *), table tfoot tr th:where([dir=ltr], [dir=ltr] *), table tbody tr td:where([dir=ltr], [dir=ltr] *) { text-align: left; } table thead tr th:where([dir=rtl], [dir=rtl] *), table tfoot tr th:where([dir=rtl], [dir=rtl] *), table tbody tr td:where([dir=rtl], [dir=rtl] *) { text-align: right; } table thead tr th, table tfoot tr th { font-weight: 600; } table tbody tr { border-bottom-width: 1px; border-color: rgb(224 230 237 / 0.4) !important; } table tbody tr:is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgb(25 30 58 / var(--tw-border-opacity, 1)) !important; } table.table-hover tbody tr:hover { background-color: rgb(224 230 237 / 0.2) !important; } table.table-hover tbody tr:hover:is(.dark *) { background-color: rgb(26 41 65 / 0.4) !important; } pre { direction: ltr; } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-x-0 { left: 0px; right: 0px; } .inset-y-0 { top: 0px; bottom: 0px; } .\!left-0 { left: 0px !important; } .bottom-0 { bottom: 0px; } .bottom-24 { bottom: 6rem; } .bottom-4 { bottom: 1rem; } .bottom-40 { bottom: 10rem; } .bottom-5 { bottom: 1.25rem; } .bottom-6 { bottom: 1.5rem; } .bottom-full { bottom: 100%; } .end-\[28\%\] { inset-inline-end: 28%; } .left-0 { left: 0px; } .left-1\/2 { left: 50%; } .left-24 { left: 6rem; } .right-0 { right: 0px; } .right-1\/2 { right: 50%; } .right-2 { right: 0.5rem; } .right-3 { right: 0.75rem; } .right-6 { right: 1.5rem; } .start-4 { inset-inline-start: 1rem; } .top-0 { top: 0px; } .top-1\/2 { top: 50%; } .top-1\/4 { top: 25%; } .top-11 { top: 2.75rem; } .top-2 { top: 0.5rem; } .top-3 { top: 0.75rem; } .top-5 { top: 1.25rem; } .top-full { top: 100%; } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .z-\[51\] { z-index: 51; } .z-\[60\] { z-index: 60; } .z-\[999\] { z-index: 999; } .order-2 { order: 2; } .col-span-12 { grid-column: span 12 / span 12; } .m-0 { margin: 0px; } .m-1 { margin: 0.25rem; } .m-6 { margin: 1.5rem; } .m-auto { margin: auto; } .-mx-4 { margin-left: -1rem; margin-right: -1rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; } .my-auto { margin-top: auto; margin-bottom: auto; } .\!mt-6 { margin-top: 1.5rem !important; } .-mb-\[1px\] { margin-bottom: -1px; } .mb-0 { margin-bottom: 0px; } .mb-1 { margin-bottom: 0.25rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-12 { margin-bottom: 3rem; } .mb-16 { margin-bottom: 4rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-7 { margin-bottom: 1.75rem; } .mb-8 { margin-bottom: 2rem; } .me-2 { margin-inline-end: 0.5rem; } .ml-10 { margin-left: 2.5rem; } .ml-2 { margin-left: 0.5rem; } .ml-3 { margin-left: 0.75rem; } .ml-4 { margin-left: 1rem; } .ml-\[5px\] { margin-left: 5px; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .ms-10 { margin-inline-start: 2.5rem; } .ms-auto { margin-inline-start: auto; } .mt-0 { margin-top: 0px; } .mt-1 { margin-top: 0.25rem; } .mt-2 { margin-top: 0.5rem; } .mt-20 { margin-top: 5rem; } .mt-3 { margin-top: 0.75rem; } .mt-3\.5 { margin-top: 0.875rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-7 { margin-top: 1.75rem; } .mt-8 { margin-top: 2rem; } .\!block { display: block !important; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .hidden { display: none; } .\!h-\[calc\(100vh-80px\)\] { height: calc(100vh - 80px) !important; } .h-10 { height: 2.5rem; } .h-12 { height: 3rem; } .h-14 { height: 3.5rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-2\.5 { height: 0.625rem; } .h-20 { height: 5rem; } .h-24 { height: 6rem; } .h-28 { height: 7rem; } .h-36 { height: 9rem; } .h-4 { height: 1rem; } .h-4\.5 { height: 18px; } .h-40 { height: 10rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-60 { height: 15rem; } .h-64 { height: 16rem; } .h-7 { height: 1.75rem; } .h-8 { height: 2rem; } .h-9 { height: 2.25rem; } .h-\[250px\] { height: 250px; } .h-\[300px\] { height: 300px; } .h-\[90px\] { height: 90px; } .h-\[calc\(100vh-190px\)\] { height: calc(100vh - 190px); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-\[80px\] { max-height: 80px; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[893px\] { max-height: 893px; } .min-h-\[40px\] { min-height: 40px; } .min-h-screen { min-height: 100vh; } .w-1\/2 { width: 50%; } .w-10 { width: 2.5rem; } .w-11\/12 { width: 91.666667%; } .w-12 { width: 3rem; } .w-16 { width: 4rem; } .w-2 { width: 0.5rem; } .w-2\.5 { width: 0.625rem; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-28 { width: 7rem; } .w-36 { width: 9rem; } .w-4 { width: 1rem; } .w-4\.5 { width: 18px; } .w-40 { width: 10rem; } .w-44 { width: 11rem; } .w-48 { width: 12rem; } .w-5 { width: 1.25rem; } .w-6 { width: 1.5rem; } .w-6\/12 { width: 50%; } .w-64 { width: 16rem; } .w-7 { width: 1.75rem; } .w-72 { width: 18rem; } .w-8 { width: 2rem; } .w-80 { width: 20rem; } .w-9 { width: 2.25rem; } .w-\[260px\] { width: 260px; } .w-\[280px\] { width: 280px; } .w-\[90px\] { width: 90px; } .w-auto { width: auto; } .w-full { width: 100%; } .w-max { width: max-content; } .max-w-2xl { max-width: 42rem; } .max-w-3xl { max-width: 48rem; } .max-w-\[1502px\] { max-width: 1502px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[440px\] { max-width: 440px; } .max-w-\[90vw\] { max-width: 90vw; } .max-w-\[990px\] { max-width: 990px; } .max-w-full { max-width: 100%; } .max-w-md { max-width: 28rem; } .max-w-screen-xl { max-width: 1280px; } .flex-1 { flex: 1 1 0%; } .flex-auto { flex: 1 1 auto; } .flex-none { flex: none; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .origin-top { transform-origin: top; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-1\/2 { --tw-translate-x: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-95 { --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes spin { to { transform: rotate(360deg); } } .animate-\[spin_3s_linear_infinite\] { animation: spin 3s linear infinite; } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } .animate-bounce { animation: bounce 1s infinite; } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .resize-none { resize: none; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .place-content-center { place-content: center; } .content-center { align-content: center; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-items-center { justify-items: center; } .gap-1 { gap: 0.25rem; } .gap-10 { gap: 2.5rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-3\.5 { gap: 0.875rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-scroll { overflow-x: scroll; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .break-words { overflow-wrap: break-word; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-sm { border-radius: 0.125rem; } .rounded-xl { border-radius: 0.75rem; } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-2 { border-width: 2px; } .border-4 { border-width: 4px; } .border-8 { border-width: 8px; } .border-b { border-bottom-width: 1px; } .border-t { border-top-width: 1px; } .border-dashed { border-style: dashed; } .\!border-white { --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important; } .\!border-white-light { --tw-border-opacity: 1 !important; border-color: rgb(224 230 237 / var(--tw-border-opacity, 1)) !important; } .border-\[\#1b2e4b\] { --tw-border-opacity: 1; border-color: rgb(27 46 75 / var(--tw-border-opacity, 1)); } .border-\[\#6208ff\] { --tw-border-opacity: 1; border-color: rgb(98 8 255 / var(--tw-border-opacity, 1)); } .border-\[\#e0e6ed\] { --tw-border-opacity: 1; border-color: rgb(224 230 237 / var(--tw-border-opacity, 1)); } .border-\[\#ebe9f1\] { --tw-border-opacity: 1; border-color: rgb(235 233 241 / var(--tw-border-opacity, 1)); } .border-azulOscuro { --tw-border-opacity: 1; border-color: rgb(6 8 24 / var(--tw-border-opacity, 1)); } .border-black { --tw-border-opacity: 1; border-color: rgb(14 23 38 / var(--tw-border-opacity, 1)); } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .border-gray-500 { --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); } .border-gray-800 { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .border-primary { --tw-border-opacity: 1; border-color: rgb(255 88 1 / var(--tw-border-opacity, 1)); } .border-transparent { border-color: transparent; } .border-warning { --tw-border-opacity: 1; border-color: rgb(226 160 63 / var(--tw-border-opacity, 1)); } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-white-dark\/30 { border-color: rgb(136 142 168 / 0.3); } .border-white-light { --tw-border-opacity: 1; border-color: rgb(224 230 237 / var(--tw-border-opacity, 1)); } .\!border-b-black { --tw-border-opacity: 1 !important; border-bottom-color: rgb(14 23 38 / var(--tw-border-opacity, 1)) !important; } .\!border-b-white { --tw-border-opacity: 1 !important; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important; } .border-l-transparent { border-left-color: transparent; } .\!bg-primary { --tw-bg-opacity: 1 !important; background-color: rgb(255 88 1 / var(--tw-bg-opacity, 1)) !important; } .\!bg-transparent { background-color: transparent !important; } .bg-\[\#f1f2f3\] { --tw-bg-opacity: 1; background-color: rgb(241 242 243 / var(--tw-bg-opacity, 1)); } .bg-\[\#fafafa\] { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); } .bg-\[black\]\/60 { background-color: rgb(0 0 0 / 0.6); } .bg-azulOscuro { --tw-bg-opacity: 1; background-color: rgb(6 8 24 / var(--tw-bg-opacity, 1)); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(14 23 38 / var(--tw-bg-opacity, 1)); } .bg-black\/10 { background-color: rgb(14 23 38 / 0.1); } .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-blue-800 { --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1)); } .bg-dark { --tw-bg-opacity: 1; background-color: rgb(59 63 92 / var(--tw-bg-opacity, 1)); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .bg-green-400 { --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1)); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .bg-green-900 { --tw-bg-opacity: 1; background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1)); } .bg-greenTuuLapp { --tw-bg-opacity: 1; background-color: rgb(158 254 32 / var(--tw-bg-opacity, 1)); } .bg-info { --tw-bg-opacity: 1; background-color: rgb(33 150 243 / var(--tw-bg-opacity, 1)); } .bg-info-light { --tw-bg-opacity: 1; background-color: rgb(231 247 255 / var(--tw-bg-opacity, 1)); } .bg-primary { --tw-bg-opacity: 1; background-color: rgb(255 88 1 / var(--tw-bg-opacity, 1)); } .bg-primary\/10 { background-color: rgb(255 88 1 / 0.1); } .bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .bg-secondary-light { --tw-bg-opacity: 1; background-color: rgb(235 228 247 / var(--tw-bg-opacity, 1)); } .bg-success { --tw-bg-opacity: 1; background-color: rgb(0 171 85 / var(--tw-bg-opacity, 1)); } .bg-warning-light { --tw-bg-opacity: 1; background-color: rgb(255 249 237 / var(--tw-bg-opacity, 1)); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white-light { --tw-bg-opacity: 1; background-color: rgb(224 230 237 / var(--tw-bg-opacity, 1)); } .bg-white-light\/40 { background-color: rgb(224 230 237 / 0.4); } .bg-white\/50 { background-color: rgb(255 255 255 / 0.5); } .bg-white\/60 { background-color: rgb(255 255 255 / 0.6); } .bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); } .bg-opacity-50 { --tw-bg-opacity: 0.5; } .bg-opacity-60 { --tw-bg-opacity: 0.6; } .bg-\[linear-gradient\(225deg\,\#00022e_100\%\)\] { background-image: linear-gradient(225deg, #00022e 100%); } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .from-azulOscuro { --tw-gradient-from: #060818 var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 8 24 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary\/100 { --tw-gradient-from: rgb(255 88 1 / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 88 1 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-white { --tw-gradient-from: #ffffff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-primary { --tw-gradient-to: rgb(255 88 1 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ff5801 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-transparent { --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-azulOscuro { --tw-gradient-to: #060818 var(--tw-gradient-to-position); } .to-gray-300 { --tw-gradient-to: #d1d5db var(--tw-gradient-to-position); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .bg-no-repeat { background-repeat: no-repeat; } .fill-\[url\(\#linear-gradient\)\] { fill: url(#linear-gradient); } .fill-white { fill: #ffffff; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-fill { object-fit: fill; } .p-0 { padding: 0px; } .p-1 { padding: 0.25rem; } .p-1\.5 { padding: 0.375rem; } .p-2 { padding: 0.5rem; } .p-3 { padding: 0.75rem; } .p-3\.5 { padding: 0.875rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .\!px-0 { padding-left: 0px !important; padding-right: 0px !important; } .\!px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .\!py-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } .px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .pb-0 { padding-bottom: 0px; } .pb-10 { padding-bottom: 2.5rem; } .pb-16 { padding-bottom: 4rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-20 { padding-bottom: 5rem; } .pb-4 { padding-bottom: 1rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-6 { padding-bottom: 1.5rem; } .pl-10 { padding-left: 2.5rem; } .pl-14 { padding-left: 3.5rem; } .pl-16 { padding-left: 4rem; } .pl-28 { padding-left: 7rem; } .pl-36 { padding-left: 9rem; } .pl-4 { padding-left: 1rem; } .pl-5 { padding-left: 1.25rem; } .pr-16 { padding-right: 4rem; } .pr-36 { padding-right: 9rem; } .pr-5 { padding-right: 1.25rem; } .ps-10 { padding-inline-start: 2.5rem; } .pt-10 { padding-top: 2.5rem; } .pt-2 { padding-top: 0.5rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .text-left { text-align: left; } .text-center { text-align: center; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } .font-nunito { font-family: Nunito, sans-serif; } .font-sans { font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-\[13px\] { font-size: 13px; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .\!font-medium { font-weight: 500 !important; } .\!font-semibold { font-weight: 600 !important; } .font-bold { font-weight: 700; } .font-extrabold { font-weight: 800; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .\!leading-snug { line-height: 1.375 !important; } .leading-6 { line-height: 1.5rem; } .leading-none { line-height: 1; } .leading-normal { line-height: 1.5; } .tracking-tight { letter-spacing: -0.025em; } .text-\[\#1f2937\] { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .text-\[\#3b3f5c\] { --tw-text-opacity: 1; color: rgb(59 63 92 / var(--tw-text-opacity, 1)); } .text-\[\#515365\] { --tw-text-opacity: 1; color: rgb(81 83 101 / var(--tw-text-opacity, 1)); } .text-\[\#655151\] { --tw-text-opacity: 1; color: rgb(101 81 81 / var(--tw-text-opacity, 1)); } .text-azulOscuro { --tw-text-opacity: 1; color: rgb(6 8 24 / var(--tw-text-opacity, 1)); } .text-black { --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); } .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .text-dark { --tw-text-opacity: 1; color: rgb(59 63 92 / var(--tw-text-opacity, 1)); } .text-gray-100 { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .text-info { --tw-text-opacity: 1; color: rgb(33 150 243 / var(--tw-text-opacity, 1)); } .text-primary { --tw-text-opacity: 1; color: rgb(255 88 1 / var(--tw-text-opacity, 1)); } .text-purple-600 { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-secondary { --tw-text-opacity: 1; color: rgb(128 93 202 / var(--tw-text-opacity, 1)); } .text-warning { --tw-text-opacity: 1; color: rgb(226 160 63 / var(--tw-text-opacity, 1)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white-dark { --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .text-white-light { --tw-text-opacity: 1; color: rgb(224 230 237 / var(--tw-text-opacity, 1)); } .underline { text-decoration-line: underline; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .opacity-0 { opacity: 0; } .opacity-30 { opacity: 0.3; } .opacity-50 { opacity: 0.5; } .opacity-75 { opacity: 0.75; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_10px_20px_-10px_rgba\(67\,97\,238\,0\.44\)\] { --tw-shadow: 0 10px 20px -10px rgba(67,97,238,0.44); --tw-shadow-colored: 0 10px 20px -10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[10px_0_25px_0_rgba\(94\,92\,154\,0\.1\)\] { --tw-shadow: 10px 0 25px 0 rgba(94,92,154,0.1); --tw-shadow-colored: 10px 0 25px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[1px_2px_12px_0_rgba\(31\,45\,61\,0\.10\)\] { --tw-shadow: 1px 2px 12px 0 rgba(31,45,61,0.10); --tw-shadow-colored: 1px 2px 12px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[5px_0_25px_0_rgba\(94\,92\,154\,0\.1\)\] { --tw-shadow: 5px 0 25px 0 rgba(94,92,154,0.1); --tw-shadow-colored: 5px 0 25px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .\!outline-none { outline: 2px solid transparent !important; outline-offset: 2px !important; } .ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-\[\#ebedf2\] { --tw-ring-opacity: 1; --tw-ring-color: rgb(235 237 242 / var(--tw-ring-opacity, 1)); } .ring-blue-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); } .ring-primary\/30 { --tw-ring-color: rgb(255 88 1 / 0.3); } .ring-white { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); } .ring-offset-2 { --tw-ring-offset-width: 2px; } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur-lg { --tw-backdrop-blur: blur(16px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-md { --tw-backdrop-blur: blur(12px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-xl { --tw-backdrop-blur: blur(24px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[display\] { transition-property: display; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[right\] { transition-property: right; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .ng-scrollbar { --scrollbar-size: 6px !important; --scrollbar-thumb-color: #dddddd !important; --scrollbar-padding: 0px !important; } .collapsible-vertical .sidebar .ng-scroll-content { display: block !important; width: 100% !important; } .sidebar .ng-scrollbar { --scrollbar-padding: 2px !important; } .dark .ng-scrollbar { --scrollbar-thumb-color: #2d334c !important; } .swal2-container .swal2-close { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .swal2-container .swal2-close:hover { --tw-text-opacity: 1; color: rgb(234 234 236 / var(--tw-text-opacity, 1)); } .swal2-container .swal2-close:focus { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .swal2-container .swal2-popup.swal2-toast { --tw-bg-opacity: 1; background-color: rgb(59 63 92 / var(--tw-bg-opacity, 1)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.625rem; padding-bottom: 0.625rem; } .swal2-popup.swal2-toast .swal2-title, .swal2-container .swal2-popup.swal2-toast .swal2-html-container { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .swal2-container .swal2-popup.swal2-toast.color-primary { --tw-bg-opacity: 1; background-color: rgb(255 88 1 / var(--tw-bg-opacity, 1)); } .swal2-container .swal2-popup.swal2-toast.color-secondary { --tw-bg-opacity: 1; background-color: rgb(128 93 202 / var(--tw-bg-opacity, 1)); } .swal2-container .swal2-popup.swal2-toast.color-warning { --tw-bg-opacity: 1; background-color: rgb(226 160 63 / var(--tw-bg-opacity, 1)); } .swal2-container .swal2-popup.swal2-toast.color-info { --tw-bg-opacity: 1; background-color: rgb(33 150 243 / var(--tw-bg-opacity, 1)); } .swal2-container .swal2-popup.swal2-toast.color-danger { --tw-bg-opacity: 1; background-color: rgb(231 81 90 / var(--tw-bg-opacity, 1)); } .swal2-container .swal2-popup.swal2-toast.color-success { --tw-bg-opacity: 1; background-color: rgb(0 171 85 / var(--tw-bg-opacity, 1)); } .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light, .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light { box-shadow: none; border-color: #050717cc; background-color: #050717cc; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .apexcharts-canvas .apexcharts-xaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-xaxistooltip-bottom:after { border-bottom-color: #050717cc; } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title { --tw-border-opacity: 1; border-color: rgb(59 63 92 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(6 8 24 / var(--tw-bg-opacity, 1)); } .apexcharts-legend-series:where([dir=ltr], [dir=ltr] *) { margin-right: 0.5rem !important; } .apexcharts-legend-series:where([dir=rtl], [dir=rtl] *) { margin-left: 0.5rem !important; } .dark .apexcharts-title-text { fill: #e0e6ed; } .dark .apexcharts-canvas .apexcharts-text.apexcharts-xaxis-label, .dark .apexcharts-canvas .apexcharts-text.apexcharts-yaxis-label { fill: #e0e6ed; } .dark .apexcharts-canvas .apexcharts-text, .dark .apexcharts-canvas .apexcharts-text { fill: #e0e6ed; } .dark .apexcharts-canvas .apexcharts-legend-text { color: #e0e6ed !important; } .dark .apexcharts-canvas .apexcharts-radialbar-track.apexcharts-track .apexcharts-radialbar-area { stroke: #191e3a; } .dark .apexcharts-canvas .apexcharts-series-markers.apexcharts-series-bubble .apexcharts-marker { stroke: #191e3a; } .dark .apexcharts-canvas .apexcharts-pie-label, .dark .apexcharts-canvas .apexcharts-datalabel, .dark .apexcharts-canvas .apexcharts-datalabel-label, .dark .apexcharts-canvas .apexcharts-datalabel-value { fill: #bfc9d4; } .dark .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark { box-shadow: none; } .apexcharts-canvas .apexcharts-legend-marker:where([dir=ltr], [dir=ltr] *) { margin-right: 0.375rem !important; } .apexcharts-canvas .apexcharts-legend-marker:where([dir=rtl], [dir=rtl] *) { margin-right: 0px !important; margin-left: 0.375rem; } [dir=rtl] .apexcharts-tooltip-marker { margin-left: 0.625rem; margin-right: 0px; } .slide-down-enter-active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 100ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .slide-down-leave-active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 75ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .slide-down-enter-from, .slide-down-leave-to { --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; } .slide-down-enter-to, .slide-down-leave-from { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; } .modal-fade-enter-active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .modal-fade-leave-active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .modal-fade-enter-from, .modal-fade-leave-to { --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; } .modal-fade-enter-to, .modal-fade-leave-from { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; } pre code.hljs { overflow-x: auto; border-radius: 0.375rem; --tw-bg-opacity: 1 !important; background-color: rgb(25 30 58 / var(--tw-bg-opacity, 1)) !important; padding: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .ng-scroll-viewport { width: 100%; } .dark\:btn-dark:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(59 63 92 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(59 63 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow-color: rgb(59 63 92 / 0.6); --tw-shadow: var(--tw-shadow-colored); } .placeholder\:text-white-dark::placeholder { --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .before\:content-\[\'\/\'\]::before { --tw-content: "/"; content: var(--tw-content); } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-110:hover { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:border-azulOscuro:hover { --tw-border-opacity: 1; border-color: rgb(6 8 24 / var(--tw-border-opacity, 1)); } .hover\:border-primary:hover { --tw-border-opacity: 1; border-color: rgb(255 88 1 / var(--tw-border-opacity, 1)); } .hover\:bg-azulOscuro:hover { --tw-bg-opacity: 1; background-color: rgb(6 8 24 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-700:hover { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-500\/10:hover { background-color: rgb(107 114 128 / 0.1); } .hover\:bg-primary:hover { --tw-bg-opacity: 1; background-color: rgb(255 88 1 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-700:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); } .hover\:bg-white-light\/90:hover { background-color: rgb(224 230 237 / 0.9); } .hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); } .hover\:text-dark:hover { --tw-text-opacity: 1; color: rgb(59 63 92 / var(--tw-text-opacity, 1)); } .hover\:text-gray-400:hover { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .hover\:text-primary:hover { --tw-text-opacity: 1; color: rgb(255 88 1 / var(--tw-text-opacity, 1)); } .hover\:text-red-600:hover { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-90:hover { opacity: 0.9; } .hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-4:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-blue-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1)); } .focus\:ring-blue-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1)); } .focus\:ring-indigo-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1)); } .focus\:ring-primary:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 88 1 / var(--tw-ring-opacity, 1)); } .focus\:ring-red-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } .group:hover .group-hover\:opacity-100 { opacity: 1; } .dark\:border-0:is(.dark *) { border-width: 0px; } .dark\:\!border-\[\#191e3a\]:is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgb(25 30 58 / var(--tw-border-opacity, 1)) !important; } .dark\:border-\[\#191e3a\]:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(25 30 58 / var(--tw-border-opacity, 1)); } .dark\:border-\[\#1b2e4b\]:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(27 46 75 / var(--tw-border-opacity, 1)); } .dark\:border-gray-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } .dark\:border-gray-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .dark\:border-white:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .dark\:border-white\/10:is(.dark *) { border-color: rgb(255 255 255 / 0.1); } .dark\:\!border-b-black:is(.dark *) { --tw-border-opacity: 1 !important; border-bottom-color: rgb(14 23 38 / var(--tw-border-opacity, 1)) !important; } .dark\:bg-\[\#060818\]:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(6 8 24 / var(--tw-bg-opacity, 1)); } .dark\:bg-\[\#0e1726\]:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(14 23 38 / var(--tw-bg-opacity, 1)); } .dark\:bg-\[\#1b2e4b\]:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(27 46 75 / var(--tw-bg-opacity, 1)); } .dark\:bg-\[\#1e293b\]:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .dark\:bg-\[\#ffffff0d\]:is(.dark *) { background-color: #ffffff0d; } .dark\:bg-azulOscuro:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(6 8 24 / var(--tw-bg-opacity, 1)); } .dark\:bg-black:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(14 23 38 / var(--tw-bg-opacity, 1)); } .dark\:bg-black\/50:is(.dark *) { background-color: rgb(14 23 38 / 0.5); } .dark\:bg-dark:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(59 63 92 / var(--tw-bg-opacity, 1)); } .dark\:bg-dark\/40:is(.dark *) { background-color: rgb(59 63 92 / 0.4); } .dark\:bg-gray-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-900\/50:is(.dark *) { background-color: rgb(17 24 39 / 0.5); } .dark\:bg-info:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(33 150 243 / var(--tw-bg-opacity, 1)); } .dark\:bg-secondary:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(128 93 202 / var(--tw-bg-opacity, 1)); } .dark\:bg-warning:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(226 160 63 / var(--tw-bg-opacity, 1)); } .dark\:bg-white:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .dark\:bg-white-dark:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(136 142 168 / var(--tw-bg-opacity, 1)); } .dark\:bg-white\/10:is(.dark *) { background-color: rgb(255 255 255 / 0.1); } .dark\:text-\[\#ededed\]:is(.dark *) { --tw-text-opacity: 1; color: rgb(237 237 237 / var(--tw-text-opacity, 1)); } .dark\:text-black:is(.dark *) { --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); } .dark\:text-blue-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .dark\:text-dark:is(.dark *) { --tw-text-opacity: 1; color: rgb(59 63 92 / var(--tw-text-opacity, 1)); } .dark\:text-gray-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .dark\:text-gray-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .dark\:text-gray-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:text-green-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .dark\:text-info-light:is(.dark *) { --tw-text-opacity: 1; color: rgb(231 247 255 / var(--tw-text-opacity, 1)); } .dark\:text-purple-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); } .dark\:text-red-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .dark\:text-secondary-light:is(.dark *) { --tw-text-opacity: 1; color: rgb(235 228 247 / var(--tw-text-opacity, 1)); } .dark\:text-warning-light:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 249 237 / var(--tw-text-opacity, 1)); } .dark\:text-white:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .dark\:text-white-dark:is(.dark *) { --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .dark\:text-white-dark\/70:is(.dark *) { color: rgb(136 142 168 / 0.7); } .dark\:text-white-light:is(.dark *) { --tw-text-opacity: 1; color: rgb(224 230 237 / var(--tw-text-opacity, 1)); } .dark\:text-white-light\/90:is(.dark *) { color: rgb(224 230 237 / 0.9); } .dark\:ring-white-dark:is(.dark *) { --tw-ring-opacity: 1; --tw-ring-color: rgb(136 142 168 / var(--tw-ring-opacity, 1)); } .dark\:hover\:border-b-black:hover:is(.dark *) { --tw-border-opacity: 1; border-bottom-color: rgb(14 23 38 / var(--tw-border-opacity, 1)); } .dark\:hover\:bg-dark-light\/10:hover:is(.dark *) { background-color: rgb(234 234 236 / 0.1); } .dark\:hover\:bg-dark\/60:hover:is(.dark *) { background-color: rgb(59 63 92 / 0.6); } .dark\:hover\:bg-gray-700:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-primary:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(255 88 1 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-red-700:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); } .dark\:hover\:text-gray-600:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-primary:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 88 1 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-white:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } @media (min-width: 640px) { .sm\:bottom-0 { bottom: 0px; } .sm\:left-80 { left: 20rem; } .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:mx-0 { margin-left: 0px; margin-right: 0px; } .sm\:my-8 { margin-top: 2rem; margin-bottom: 2rem; } .sm\:mb-0 { margin-bottom: 0px; } .sm\:ml-3 { margin-left: 0.75rem; } .sm\:ml-4 { margin-left: 1rem; } .sm\:mt-0 { margin-top: 0px; } .sm\:mt-8 { margin-top: 2rem; } .sm\:block { display: block; } .sm\:inline-block { display: inline-block; } .sm\:flex { display: flex; } .sm\:h-10 { height: 2.5rem; } .sm\:h-6 { height: 1.5rem; } .sm\:h-\[100px\] { height: 100px; } .sm\:h-full { height: 100%; } .sm\:h-screen { height: 100vh; } .sm\:w-1\/2 { width: 50%; } .sm\:w-10 { width: 2.5rem; } .sm\:w-11\/12 { width: 91.666667%; } .sm\:w-2\/12 { width: 16.666667%; } .sm\:w-6 { width: 1.5rem; } .sm\:w-\[100px\] { width: 100px; } .sm\:w-auto { width: auto; } .sm\:w-full { width: 100%; } .sm\:max-w-lg { max-width: 32rem; } .sm\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:flex-row-reverse { flex-direction: row-reverse; } .sm\:items-start { align-items: flex-start; } .sm\:justify-start { justify-content: flex-start; } .sm\:justify-between { justify-content: space-between; } .sm\:p-0 { padding: 0px; } .sm\:p-6 { padding: 1.5rem; } .sm\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .sm\:px-16 { padding-left: 4rem; padding-right: 4rem; } .sm\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; } .sm\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .sm\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .sm\:pb-4 { padding-bottom: 1rem; } .sm\:text-left { text-align: left; } .sm\:align-middle { vertical-align: middle; } .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .sm\:text-\[15px\] { font-size: 15px; } .sm\:text-base { font-size: 1rem; line-height: 1.5rem; } .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .sm\:text-xs { font-size: 0.75rem; line-height: 1rem; } } @media (min-width: 768px) { .md\:left-\[30\%\] { left: 30%; } .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:col-span-9 { grid-column: span 9 / span 9; } .md\:mb-9 { margin-bottom: 2.25rem; } .md\:mb-\[60px\] { margin-bottom: 60px; } .md\:mt-10 { margin-top: 2.5rem; } .md\:inline { display: inline; } .md\:h-\[550px\] { height: 550px; } .md\:h-full { height: 100%; } .md\:w-1\/2 { width: 50%; } .md\:w-1\/3 { width: 33.333333%; } .md\:w-3\/4 { width: 75%; } .md\:w-6\/12 { width: 50%; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:flex-nowrap { flex-wrap: nowrap; } .md\:items-center { align-items: center; } .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .md\:text-5xl { font-size: 3rem; line-height: 1; } } @media (min-width: 1024px) { .lg\:absolute { position: absolute; } .lg\:end-6 { inset-inline-end: 1.5rem; } .lg\:top-6 { top: 1.5rem; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:mx-24 { margin-left: 6rem; margin-right: 6rem; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-16 { margin-top: 4rem; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:inline-flex { display: inline-flex; } .lg\:hidden { display: none; } .lg\:h-screen { height: 100vh; } .lg\:min-h-\[500px\] { min-height: 500px; } .lg\:w-1\/2 { width: 50%; } .lg\:w-72 { width: 18rem; } .lg\:max-w-\[667px\] { max-width: 667px; } .lg\:max-w-\[835px\] { max-width: 835px; } .lg\:max-w-full { max-width: 100%; } .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:gap-0 { gap: 0px; } .lg\:gap-10 { gap: 2.5rem; } .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } } @media (min-width: 1280px) { .xl\:bottom-0 { bottom: 0px; } .xl\:col-span-3 { grid-column: span 3 / span 3; } .xl\:col-span-9 { grid-column: span 9 / span 9; } .xl\:-ms-28 { margin-inline-start: -7rem; } .xl\:h-screen { height: 100vh; } .xl\:w-1\/3 { width: 33.333333%; } .xl\:w-16 { width: 4rem; } .xl\:gap-0 { gap: 0px; } .xl\:p-0 { padding: 0px; } } .ltr\:\!right-0:where([dir=ltr], [dir=ltr] *) { right: 0px !important; } .ltr\:-left-12:where([dir=ltr], [dir=ltr] *) { left: -3rem; } .ltr\:-right-10:where([dir=ltr], [dir=ltr] *) { right: -2.5rem; } .ltr\:-right-14:where([dir=ltr], [dir=ltr] *) { right: -3.5rem; } .ltr\:-right-\[400px\]:where([dir=ltr], [dir=ltr] *) { right: -400px; } .ltr\:left-2:where([dir=ltr], [dir=ltr] *) { left: 0.5rem; } .ltr\:left-3:where([dir=ltr], [dir=ltr] *) { left: 0.75rem; } .ltr\:right-0:where([dir=ltr], [dir=ltr] *) { right: 0px; } .ltr\:right-2:where([dir=ltr], [dir=ltr] *) { right: 0.5rem; } .ltr\:right-20:where([dir=ltr], [dir=ltr] *) { right: 5rem; } .ltr\:right-6:where([dir=ltr], [dir=ltr] *) { right: 1.5rem; } .ltr\:right-8:where([dir=ltr], [dir=ltr] *) { right: 2rem; } .ltr\:-mr-3:where([dir=ltr], [dir=ltr] *) { margin-right: -0.75rem; } .ltr\:ml-1\.5:where([dir=ltr], [dir=ltr] *) { margin-left: 0.375rem; } .ltr\:ml-2:where([dir=ltr], [dir=ltr] *) { margin-left: 0.5rem; } .ltr\:ml-3:where([dir=ltr], [dir=ltr] *) { margin-left: 0.75rem; } .ltr\:ml-4:where([dir=ltr], [dir=ltr] *) { margin-left: 1rem; } .ltr\:ml-auto:where([dir=ltr], [dir=ltr] *) { margin-left: auto; } .ltr\:mr-2:where([dir=ltr], [dir=ltr] *) { margin-right: 0.5rem; } .ltr\:mr-3:where([dir=ltr], [dir=ltr] *) { margin-right: 0.75rem; } .ltr\:mr-4:where([dir=ltr], [dir=ltr] *) { margin-right: 1rem; } .ltr\:rotate-180:where([dir=ltr], [dir=ltr] *) { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ltr\:rounded-bl-full:where([dir=ltr], [dir=ltr] *) { border-bottom-left-radius: 9999px; } .ltr\:rounded-bl-none:where([dir=ltr], [dir=ltr] *) { border-bottom-left-radius: 0px; } .ltr\:rounded-br-none:where([dir=ltr], [dir=ltr] *) { border-bottom-right-radius: 0px; } .ltr\:rounded-tl-full:where([dir=ltr], [dir=ltr] *) { border-top-left-radius: 9999px; } .ltr\:bg-gradient-to-br:where([dir=ltr], [dir=ltr] *) { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .ltr\:pl-10:where([dir=ltr], [dir=ltr] *) { padding-left: 2.5rem; } .ltr\:pr-3:where([dir=ltr], [dir=ltr] *) { padding-right: 0.75rem; } .ltr\:pr-4:where([dir=ltr], [dir=ltr] *) { padding-right: 1rem; } .ltr\:text-right:where([dir=ltr], [dir=ltr] *) { text-align: right; } .ltr\:before\:mr-2:where([dir=ltr], [dir=ltr] *)::before { content: var(--tw-content); margin-right: 0.5rem; } @media (min-width: 640px) { .sm\:ltr\:-right-2:where([dir=ltr], [dir=ltr] *) { right: -0.5rem; } .ltr\:sm\:mr-4:where([dir=ltr], [dir=ltr] *) { margin-right: 1rem; } .ltr\:sm\:text-left:where([dir=ltr], [dir=ltr] *) { text-align: left; } } @media (min-width: 1280px) { .ltr\:xl\:-right-20:where([dir=ltr], [dir=ltr] *) { right: -5rem; } .ltr\:xl\:-skew-x-\[13deg\]:where([dir=ltr], [dir=ltr] *) { --tw-skew-x: -13deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ltr\:xl\:-skew-x-\[14deg\]:where([dir=ltr], [dir=ltr] *) { --tw-skew-x: -14deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ltr\:xl\:skew-x-\[14deg\]:where([dir=ltr], [dir=ltr] *) { --tw-skew-x: 14deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } .rtl\:\!left-0:where([dir=rtl], [dir=rtl] *) { left: 0px !important; } .rtl\:-left-10:where([dir=rtl], [dir=rtl] *) { left: -2.5rem; } .rtl\:-left-14:where([dir=rtl], [dir=rtl] *) { left: -3.5rem; } .rtl\:-left-\[400px\]:where([dir=rtl], [dir=rtl] *) { left: -400px; } .rtl\:-right-12:where([dir=rtl], [dir=rtl] *) { right: -3rem; } .rtl\:left-0:where([dir=rtl], [dir=rtl] *) { left: 0px; } .rtl\:left-2:where([dir=rtl], [dir=rtl] *) { left: 0.5rem; } .rtl\:left-4:where([dir=rtl], [dir=rtl] *) { left: 1rem; } .rtl\:left-6:where([dir=rtl], [dir=rtl] *) { left: 1.5rem; } .rtl\:right-2:where([dir=rtl], [dir=rtl] *) { right: 0.5rem; } .rtl\:right-3:where([dir=rtl], [dir=rtl] *) { right: 0.75rem; } .rtl\:-ml-3:where([dir=rtl], [dir=rtl] *) { margin-left: -0.75rem; } .rtl\:ml-2:where([dir=rtl], [dir=rtl] *) { margin-left: 0.5rem; } .rtl\:ml-3:where([dir=rtl], [dir=rtl] *) { margin-left: 0.75rem; } .rtl\:ml-4:where([dir=rtl], [dir=rtl] *) { margin-left: 1rem; } .rtl\:mr-1\.5:where([dir=rtl], [dir=rtl] *) { margin-right: 0.375rem; } .rtl\:mr-2:where([dir=rtl], [dir=rtl] *) { margin-right: 0.5rem; } .rtl\:mr-3:where([dir=rtl], [dir=rtl] *) { margin-right: 0.75rem; } .rtl\:mr-4:where([dir=rtl], [dir=rtl] *) { margin-right: 1rem; } .rtl\:mr-auto:where([dir=rtl], [dir=rtl] *) { margin-right: auto; } .rtl\:-rotate-90:where([dir=rtl], [dir=rtl] *) { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rtl\:rotate-180:where([dir=rtl], [dir=rtl] *) { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rtl\:rotate-90:where([dir=rtl], [dir=rtl] *) { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rtl\:space-x-reverse:where([dir=rtl], [dir=rtl] *) > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; } .rtl\:rounded-bl-none:where([dir=rtl], [dir=rtl] *) { border-bottom-left-radius: 0px; } .rtl\:rounded-br-full:where([dir=rtl], [dir=rtl] *) { border-bottom-right-radius: 9999px; } .rtl\:rounded-br-none:where([dir=rtl], [dir=rtl] *) { border-bottom-right-radius: 0px; } .rtl\:rounded-tr-full:where([dir=rtl], [dir=rtl] *) { border-top-right-radius: 9999px; } .rtl\:bg-gradient-to-l:where([dir=rtl], [dir=rtl] *) { background-image: linear-gradient(to left, var(--tw-gradient-stops)); } .rtl\:pl-3:where([dir=rtl], [dir=rtl] *) { padding-left: 0.75rem; } .rtl\:pl-4:where([dir=rtl], [dir=rtl] *) { padding-left: 1rem; } .rtl\:pr-10:where([dir=rtl], [dir=rtl] *) { padding-right: 2.5rem; } .rtl\:text-left:where([dir=rtl], [dir=rtl] *) { text-align: left; } .rtl\:before\:ml-2:where([dir=rtl], [dir=rtl] *)::before { content: var(--tw-content); margin-left: 0.5rem; } @media (min-width: 640px) { .sm\:rtl\:-left-2:where([dir=rtl], [dir=rtl] *) { left: -0.5rem; } .rtl\:sm\:ml-4:where([dir=rtl], [dir=rtl] *) { margin-left: 1rem; } .rtl\:sm\:text-right:where([dir=rtl], [dir=rtl] *) { text-align: right; } } @media (min-width: 1280px) { .rtl\:xl\:-left-20:where([dir=rtl], [dir=rtl] *) { left: -5rem; } .rtl\:xl\:skew-x-\[-14deg\]:where([dir=rtl], [dir=rtl] *) { --tw-skew-x: -14deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rtl\:xl\:skew-x-\[14deg\]:where([dir=rtl], [dir=rtl] *) { --tw-skew-x: 14deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } /* src/assets/css/app.css */ .btn { background-color: #ff5801; color: white; border: none; padding: 12px 24px; border-radius: 30px; font-weight: 600; font-size: 16px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(255, 88, 1, 0.3); text-transform: uppercase; letter-spacing: 1px; } .btn:hover { background-color: #e04e00; transform: translateY(-3px); box-shadow: 0 6px 20px rgba(255, 88, 1, 0.4); } .btn-outline { background-color: transparent; border: 2px solid #ff5801; color: #ff5801; } .btn-outline:hover { background-color: #ff5801; color: white; } /* node_modules/@ng-select/ng-select/themes/default.theme.css */ .ng-select.ng-select-opened > .ng-select-container { background: #fff; border-color: hsl(0, 0%, 70%) #ccc hsl(0, 0%, 85%); } .ng-select.ng-select-opened > .ng-select-container:hover { box-shadow: none; } .ng-select.ng-select-opened > .ng-select-container .ng-arrow { top: -2px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999; border-width: 0 5px 5px; } .ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333; } .ng-select.ng-select-opened.ng-select-top > .ng-select-container { border-top-right-radius: 0; border-top-left-radius: 0; } .ng-select.ng-select-opened.ng-select-right > .ng-select-container { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ng-select.ng-select-opened.ng-select-bottom > .ng-select-container { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ng-select.ng-select-opened.ng-select-left > .ng-select-container { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container { border-color: #007eff; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px rgba(0, 126, 255, .1); } .ng-select.ng-select-disabled > .ng-select-container { background-color: #f9f9f9; } .ng-select .ng-has-value .ng-placeholder { display: none; } .ng-select .ng-select-container { color: #333; background-color: #fff; border-radius: 4px; border: 1px solid #ccc; min-height: 36px; align-items: center; } .ng-select .ng-select-container:hover { box-shadow: 0 1px 0 rgba(0, 0, 0, .06); } .ng-select .ng-select-container .ng-value-container { align-items: center; padding-left: 10px; } [dir=rtl] .ng-select .ng-select-container .ng-value-container { padding-right: 10px; padding-left: 0; } .ng-select .ng-select-container .ng-value-container .ng-placeholder { color: #999; } .ng-select.ng-select-single .ng-select-container { height: 36px; } .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input { top: 5px; left: 0; padding-left: 10px; padding-right: 50px; } [dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input { padding-right: 10px; padding-left: 50px; } .ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value { background-color: #f9f9f9; border: 1px solid hsl(0, 0%, 90%); } .ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label { padding: 0 5px; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container { padding-top: 5px; padding-left: 7px; } [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container { padding-right: 7px; padding-left: 0; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value { font-size: .9em; margin-bottom: 5px; color: #333; background-color: rgb(234.6, 244.68, 255); border-radius: 2px; margin-right: 5px; } [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value { margin-right: 0; margin-left: 5px; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled { background-color: #f9f9f9; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label { padding-left: 5px; } [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label { padding-left: 0; padding-right: 5px; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label { display: inline-block; padding: 1px 5px; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon { display: inline-block; padding: 1px 5px; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover { background-color: rgb(209.1, 231.78, 255); } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left { border-right: 1px solid rgb(183.6, 218.88, 255); } [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left { border-left: 1px solid rgb(183.6, 218.88, 255); border-right: none; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right { border-left: 1px solid rgb(183.6, 218.88, 255); } [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right { border-left: 0; border-right: 1px solid rgb(183.6, 218.88, 255); } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input { padding: 0 0 3px 3px; } [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input { padding: 0 3px 3px 0; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input { color: #000; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder { top: 5px; padding-bottom: 5px; padding-left: 3px; } [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder { padding-right: 3px; padding-left: 0; } .ng-select .ng-clear-wrapper { color: #999; } .ng-select .ng-clear-wrapper:hover .ng-clear { color: #d0021b; } .ng-select .ng-clear-wrapper:focus .ng-clear { color: #d0021b; } .ng-select .ng-clear-wrapper:focus { outline: none; } .ng-select .ng-spinner-zone { padding: 5px 5px 0 0; } [dir=rtl] .ng-select .ng-spinner-zone { padding: 5px 0 0 5px; } .ng-select .ng-arrow-wrapper { width: 25px; padding-right: 5px; } [dir=rtl] .ng-select .ng-arrow-wrapper { padding-left: 5px; padding-right: 0; } .ng-select .ng-arrow-wrapper:hover .ng-arrow { border-top-color: #666; } .ng-select .ng-arrow-wrapper .ng-arrow { border-color: #999 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 5px 5px 2.5px; } .ng-dropdown-panel { background-color: #fff; border: 1px solid #ccc; box-shadow: 0 1px 0 rgba(0, 0, 0, .06); left: 0; } .ng-dropdown-panel.ng-select-top { bottom: 100%; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-color: hsl(0, 0%, 90%); margin-bottom: -1px; } .ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .ng-dropdown-panel.ng-select-right { left: 100%; top: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-color: hsl(0, 0%, 90%); margin-bottom: -1px; } .ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child { border-top-right-radius: 4px; } .ng-dropdown-panel.ng-select-bottom { top: 100%; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-color: hsl(0, 0%, 90%); margin-top: -1px; } .ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .ng-dropdown-panel.ng-select-left { left: -100%; top: 0; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-color: hsl(0, 0%, 90%); margin-bottom: -1px; } .ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child { border-top-left-radius: 4px; } .ng-dropdown-panel .ng-dropdown-header { border-bottom: 1px solid #ccc; padding: 5px 7px; } .ng-dropdown-panel .ng-dropdown-footer { border-top: 1px solid #ccc; padding: 5px 7px; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup { -webkit-user-select: none; user-select: none; padding: 8px 10px; font-weight: 500; color: rgba(0, 0, 0, .54); cursor: pointer; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled { cursor: default; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked { background-color: rgb(244.8, 249.84, 255); } .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked { color: rgba(0, 0, 0, .54); background-color: rgb(234.6, 244.68, 255); font-weight: 600; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option { background-color: #fff; color: rgba(0, 0, 0, .87); padding: 8px 10px; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked { color: #333; background-color: rgb(234.6, 244.68, 255); } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label { font-weight: 600; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked { background-color: rgb(244.8, 249.84, 255); color: #333; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled { color: #ccc; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child { padding-left: 22px; } [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child { padding-right: 22px; padding-left: 0; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label { font-size: 80%; font-weight: 400; padding-right: 5px; } [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label { padding-left: 5px; padding-right: 0; } [dir=rtl] .ng-dropdown-panel { direction: rtl; text-align: right; } /* angular:styles/global:styles */ /*# sourceMappingURL=styles.css.map */