/* libs/client-common/src/lib/assets/styles/styles.scss */ body { margin: 0; overflow: hidden; --theme-color-base-white: #ffffff; --theme-color-base-black: #000000; --theme-color-base-transparent: rgba(0, 0, 0, 0); --theme-color-brand-950: #001a1d; --theme-color-brand-900: #00343b; --theme-color-brand-800: #01464f; --theme-color-brand-700: #025864; --theme-color-brand-600: #067b8c; --theme-color-brand-500: #0a9fb4; --theme-color-brand-400: #38b1c2; --theme-color-brand-300: #66c3d0; --theme-color-brand-200: #94d5de; --theme-color-brand-100: #c2e7ec; --theme-color-brand-50: #e0f3f5; --theme-color-brand-25: #f0f9fa; --theme-color-accent-950: #0b2f1e; --theme-color-accent-900: #175e3c; --theme-color-accent-800: #21ac6d; --theme-color-accent-700: #2ad789; --theme-color-accent-600: #34dd85; --theme-color-accent-500: #48e391; --theme-color-accent-400: #6deca7; --theme-color-accent-300: #91f4bd; --theme-color-accent-200: #b6f7d3; --theme-color-accent-100: #dafbe9; --theme-color-accent-50: #edfdf4; --theme-color-accent-25: #f6fef9; --theme-color-gray-950: #0c111d; --theme-color-gray-900: #101828; --theme-color-gray-800: #182230; --theme-color-gray-700: #344054; --theme-color-gray-600: #475467; --theme-color-gray-500: #667085; --theme-color-gray-400: #98a2b3; --theme-color-gray-300: #d0d5dd; --theme-color-gray-200: #e4e7ec; --theme-color-gray-100: #f2f4f7; --theme-color-gray-50: #f9fafb; --theme-color-gray-25: #fcfcfd; --theme-color-error-950: #55160c; --theme-color-error-900: #7a271a; --theme-color-error-800: #912018; --theme-color-error-700: #b42318; --theme-color-error-600: #d92d20; --theme-color-error-500: #f04438; --theme-color-error-400: #f97066; --theme-color-error-300: #fda29b; --theme-color-error-200: #fecdca; --theme-color-error-100: #fee4e2; --theme-color-error-50: #fef3f2; --theme-color-error-25: #fffbfa; --theme-color-warning-950: #4e1d09; --theme-color-warning-900: #7a2e0e; --theme-color-warning-800: #93370d; --theme-color-warning-700: #b54708; --theme-color-warning-600: #dc8603; --theme-color-warning-500: #f79009; --theme-color-warning-400: #fdb022; --theme-color-warning-300: #fec84b; --theme-color-warning-200: #fedf89; --theme-color-warning-100: #fef0c7; --theme-color-warning-50: #fffaeb; --theme-color-warning-25: #fffcf5; --theme-color-success-950: #053321; --theme-color-success-900: #074d31; --theme-color-success-800: #085d3a; --theme-color-success-700: #067647; --theme-color-success-600: #079455; --theme-color-success-500: #17b26a; --theme-color-success-400: #47cd89; --theme-color-success-300: #75e0a7; --theme-color-success-200: #abefc6; --theme-color-success-100: #dcfae6; --theme-color-success-50: #ecfdf3; --theme-color-success-25: #f6fef9; } .text-center { margin: auto; width: 50%; text-align: center; } sol-confirm-dialog .modal-header .modal-content { padding-right: 60px; } /* node_modules/.pnpm/@solypse+design-system@1.9.10_@angular+common@21.2.25_@angular+core@21.2.25_@angular+co_e02c13488b30d11c0c3dd9d77b77e9ac/node_modules/@solypse/design-system/assets/styles/confetti.scss */ .confetti-container, .confetti-container-small, .confetti-container-large, .confetti-container-tall { position: relative; } .confetti-container::after { content: ""; position: absolute; inset: 0; opacity: 0; pointer-events: none; will-change: transform; transform: translateZ(0); transition: opacity 0.3s ease; background-image: radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%); background-size: 4px 4px, 3px 3px, 5px 5px, 6px 6px, 3px 3px, 4px 4px, 5px 5px, 4px 4px; background-position: 10% 100%, 20% 100%, 30% 100%, 40% 100%, 60% 100%, 70% 100%, 80% 100%, 90% 100%; background-repeat: no-repeat; } .confetti-container-small::after { content: ""; position: absolute; inset: 0; opacity: 0; pointer-events: none; will-change: transform; transform: translateZ(0); transition: opacity 0.3s ease; background-image: radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%); background-size: 4px 4px, 3px 3px, 5px 5px, 6px 6px; background-position: 20% 100%, 40% 100%, 60% 100%, 80% 100%; background-repeat: no-repeat; } .confetti-container-large::after { content: ""; position: absolute; inset: 0; opacity: 0; pointer-events: none; will-change: transform; transform: translateZ(0); transition: opacity 0.3s ease; background-image: radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%); background-size: 4px 4px, 3px 3px, 5px 5px, 6px 6px, 3px 3px, 4px 4px, 5px 5px, 4px 4px, 4px 4px, 3px 3px, 5px 5px, 6px 6px, 4px 4px; background-position: 8% 100%, 15% 100%, 22% 100%, 29% 100%, 36% 100%, 43% 100%, 50% 100%, 57% 100%, 64% 100%, 71% 100%, 78% 100%, 85% 100%, 92% 100%; background-repeat: no-repeat; } .confetti-container-tall::after { content: ""; position: absolute; inset: 0; opacity: 0; pointer-events: none; will-change: transform; transform: translateZ(0); transition: opacity 0.3s ease; background-image: radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%), radial-gradient( circle, #B01EFF 40%, transparent 70%), radial-gradient( circle, #E1467C 40%, transparent 70%); background-size: 4px 4px, 3px 3px, 5px 5px, 6px 6px, 3px 3px, 4px 4px, 5px 5px, 4px 4px, 4px 4px, 3px 3px, 5px 5px, 6px 6px, 3px 3px, 4px 4px, 5px 5px, 4px 4px, 4px 4px, 3px 3px, 5px 5px, 6px 6px, 3px 3px, 4px 4px, 5px 5px, 4px 4px, 4px 4px, 3px 3px, 5px 5px, 6px 6px, 4px 4px, 3px 3px, 5px 5px, 6px 6px; background-position: 5% 100%, 15% 100%, 25% 100%, 35% 100%, 45% 100%, 55% 100%, 65% 100%, 75% 100%, 85% 100%, 95% 100%, 8% 66%, 18% 66%, 28% 66%, 38% 66%, 48% 66%, 58% 66%, 68% 66%, 78% 66%, 88% 66%, 12% 33%, 22% 33%, 32% 33%, 42% 33%, 52% 33%, 62% 33%, 72% 33%, 82% 33%, 92% 33%; background-repeat: no-repeat; } .confetti-container:hover::after, .confetti-container-small:hover::after, .confetti-container-large:hover::after, .confetti-container-tall:hover::after { opacity: 0.8; } .confetti-container:hover::after { animation: automate-particles 0.7s ease-out forwards; } .confetti-container-small:hover::after { animation: automate-particles-small 0.7s ease-out forwards; } .confetti-container-large:hover::after { animation: automate-particles-large 0.7s ease-out forwards; } .confetti-container-tall:hover::after { animation: automate-particles-tall 0.7s ease-out forwards; } @keyframes automate-particles { 0% { background-position: 10% 100%, 20% 100%, 30% 100%, 40% 100%, 60% 100%, 70% 100%, 80% 100%, 90% 100%; opacity: 0; } 20% { opacity: 0.8; background-position: 10% 85%, 20% 82%, 30% 88%, 40% 85%, 62% 87%, 70% 83%, 80% 86%, 90% 84%; } 40% { background-position: 10% 65%, 20% 60%, 30% 70%, 40% 65%, 60% 68%, 70% 62%, 80% 67%, 90% 63%; } 60% { background-position: 10% 45%, 20% 40%, 30% 50%, 40% 45%, 60% 48%, 70% 42%, 80% 47%, 90% 43%; } 80% { opacity: 0.6; background-position: 10% 25%, 20% 20%, 30% 30%, 40% 25%, 60% 28%, 70% 22%, 80% 27%, 90% 23%; } 100% { opacity: 0; background-position: 10% 0%, 20% -5%, 30% 5%, 40% 0%, 60% 3%, 70% -2%, 80% 2%, 90% -1%; } } @keyframes automate-particles-small { 0% { background-position: 20% 100%, 40% 100%, 60% 100%, 80% 100%; opacity: 0; } 20% { opacity: 0.8; background-position: 20% 85%, 40% 82%, 60% 88%, 80% 85%; } 40% { background-position: 20% 65%, 40% 60%, 60% 70%, 80% 65%; } 60% { background-position: 20% 45%, 40% 40%, 60% 50%, 80% 45%; } 80% { opacity: 0.6; background-position: 20% 25%, 40% 20%, 60% 30%, 80% 25%; } 100% { opacity: 0; background-position: 20% 0%, 40% -5%, 60% 5%, 80% 0%; } } @keyframes automate-particles-large { 0% { background-position: 8% 100%, 15% 100%, 22% 100%, 29% 100%, 36% 100%, 43% 100%, 50% 100%, 57% 100%, 64% 100%, 71% 100%, 78% 100%, 85% 100%, 92% 100%; opacity: 0; } 20% { opacity: 0.8; background-position: 8% 85%, 15% 82%, 22% 88%, 29% 85%, 36% 87%, 43% 83%, 50% 86%, 57% 84%, 64% 87%, 71% 83%, 78% 86%, 85% 84%, 92% 87%; } 40% { background-position: 8% 65%, 15% 60%, 22% 70%, 29% 65%, 36% 68%, 43% 62%, 50% 67%, 57% 63%, 64% 67%, 71% 63%, 78% 66%, 85% 63%, 92% 67%; } 60% { background-position: 8% 45%, 15% 40%, 22% 50%, 29% 45%, 36% 48%, 43% 42%, 50% 47%, 57% 43%, 64% 47%, 71% 43%, 78% 46%, 85% 43%, 92% 47%; } 80% { opacity: 0.6; background-position: 8% 25%, 15% 20%, 22% 30%, 29% 25%, 36% 28%, 43% 22%, 50% 27%, 57% 23%, 64% 27%, 71% 23%, 78% 26%, 85% 23%, 92% 27%; } 100% { opacity: 0; background-position: 8% 0%, 15% -5%, 22% 5%, 29% 0%, 36% 3%, 43% -2%, 50% 2%, 57% -1%, 64% 2%, 71% -1%, 78% 2%, 85% -1%, 92% 2%; } } @keyframes automate-particles-tall { 0% { background-position: 5% 100%, 15% 100%, 25% 100%, 35% 100%, 45% 100%, 55% 100%, 65% 100%, 75% 100%, 85% 100%, 95% 100%, 8% 66%, 18% 66%, 28% 66%, 38% 66%, 48% 66%, 58% 66%, 68% 66%, 78% 66%, 88% 66%, 12% 33%, 22% 33%, 32% 33%, 42% 33%, 52% 33%, 62% 33%, 72% 33%, 82% 33%, 92% 33%; opacity: 0; } 20% { opacity: 0.8; background-position: 5% 85%, 15% 82%, 25% 88%, 35% 85%, 45% 87%, 55% 83%, 65% 86%, 75% 84%, 85% 87%, 95% 83%, 8% 51%, 18% 48%, 28% 54%, 38% 51%, 48% 53%, 58% 49%, 68% 52%, 78% 50%, 88% 53%, 12% 17%, 22% 14%, 32% 20%, 42% 17%, 52% 19%, 62% 17%, 72% 14%, 82% 20%, 92% 16%; } 40% { background-position: 5% 65%, 15% 60%, 25% 70%, 35% 65%, 45% 68%, 55% 62%, 65% 67%, 75% 63%, 85% 67%, 95% 62%, 8% 36%, 18% 30%, 28% 40%, 38% 36%, 48% 38%, 58% 32%, 68% 37%, 78% 33%, 88% 37%, 12% 1%, 22% -5%, 32% 5%, 42% 1%, 52% 3%, 62% 1%, 72% -5%, 82% 5%, 92% 0%; } 60% { background-position: 5% 45%, 15% 40%, 25% 50%, 35% 45%, 45% 48%, 55% 42%, 65% 47%, 75% 43%, 85% 47%, 95% 42%, 8% 21%, 18% 12%, 28% 26%, 38% 21%, 48% 23%, 58% 15%, 68% 22%, 78% 16%, 88% 21%, 12% -15%, 22% -24%, 32% -10%, 42% -15%, 52% -13%, 62% -15%, 72% -24%, 82% -10%, 92% -16%; } 80% { opacity: 0.6; background-position: 5% 25%, 15% 20%, 25% 30%, 35% 25%, 45% 28%, 55% 22%, 65% 27%, 75% 23%, 85% 27%, 95% 22%, 8% 6%, 18% -6%, 28% 12%, 38% 6%, 48% 8%, 58% -2%, 68% 7%, 78% -1%, 88% 5%, 12% -31%, 22% -43%, 32% -25%, 42% -31%, 52% -29%, 62% -31%, 72% -43%, 82% -25%, 92% -32%; } 100% { opacity: 0; background-position: 5% 0%, 15% -5%, 25% 5%, 35% 0%, 45% 3%, 55% -2%, 65% 2%, 75% -1%, 85% 2%, 95% -2%, 8% -9%, 18% -24%, 28% -2%, 38% -9%, 48% -7%, 58% -19%, 68% -8%, 78% -18%, 88% -11%, 12% -47%, 22% -62%, 32% -40%, 42% -47%, 52% -45%, 62% -47%, 72% -62%, 82% -40%, 92% -48%; } } /* angular:styles/global:styles */ /*# sourceMappingURL=styles-JV4DCUJW.css.map */