/*$box-shadow: (*/ /**/ /*"sm": 0 0 0.375rem 0 rgba(46, 38, 61, 0.18), //*/ /**/ /*"md": 0 0 0.625rem 0 rgba(46, 38, 61, 0.2), //*/ /**/ /*"lg": 0 0 1rem 0 rgba(46, 38, 61, 0.22) // );*/ /* 1 colore bottone 2 bordo/hover 3 testo */ /*$box-shadow: (*/ /**/ /*"sm": 0 0 0.375rem 0 rgba(46, 38, 61, 0.18), //*/ /**/ /*"md": 0 0 0.625rem 0 rgba(46, 38, 61, 0.2), //*/ /**/ /*"lg": 0 0 1rem 0 rgba(46, 38, 61, 0.22) // );*/ /* 1 colore bottone 2 bordo/hover 3 testo */ .dashboardContainerLayout { display: flex; flex-wrap: wrap; gap: 1.5rem; row-gap: 1.5rem; } .dashboardContainerCard > .card__section:last-child { margin-top: auto; } .dashboardContainerCard { display: flex; flex-direction: column; flex: 1 0 0; overflow: hidden; min-width: 400px; box-shadow: none; } .dashboardContainerCard__header { font-size: 20px; font-weight: bold; display: flex; align-items: center; gap: 1rem; } .dashboardContainerCard__header i { font-size: 40px; } .dashboardContainerCard__swiper { flex: 1; min-height: 0; display: flex; flex-direction: column; } .dashboardContainerCard__swiper swiper, .dashboardContainerCard__swiper [data-type=Swiper], .dashboardContainerCard__swiper [data-type=SwiperBody] { flex: 1; min-height: 0; display: flex; } .dashboardContainerCard__body p { border-radius: 0.25rem; padding: 0.5rem; margin: 0.5rem; flex-grow: 1; } .dashboardContainerCard__body button i { color: var(--white) !important; } .dashboardContainerCard__footer { margin-top: auto; text-align: right; } .dashboardContainerCard__footer__info { text-align: left; font-size: large; } .dashboardContainerCard__footer__info__success { color: var(--success); } .dashboardContainerCard__footer__info__info { color: var(--info); } .dashboardContainerCard__footer__info__warning { color: var(--warning); } .dashboardContainerCard__footer__info__error { color: var(--error); } .dashboardContainerCard__footer a:hover { text-decoration: underline; } .dashboardContainerCard--primary .dashboardContainerCard__header i, .dashboardContainerCard--primary .dashboardContainerCard__footer i, .dashboardContainerCard--primary .dashboardContainerCard__body i { color: var(--primary-dark); } .dashboardContainerCard--primary .dashboardContainerCard__footer { color: var(--primary-dark); } .dashboardContainerCard--primary .dashboardContainerCard__body p { background-color: color-mix(in sRGB, var(--bg) 90%, var(--primary)); } .dashboardContainerCard--secondary .dashboardContainerCard__header i, .dashboardContainerCard--secondary .dashboardContainerCard__footer i, .dashboardContainerCard--secondary .dashboardContainerCard__body i { color: var(--secondary-dark); } .dashboardContainerCard--secondary .dashboardContainerCard__footer { color: var(--secondary-dark); } .dashboardContainerCard--secondary .dashboardContainerCard__body p { background-color: color-mix(in sRGB, var(--bg) 90%, var(--secondary)); } .dashboardContainerCard--dark .dashboardContainerCard__header i, .dashboardContainerCard--dark .dashboardContainerCard__footer i, .dashboardContainerCard--dark .dashboardContainerCard__body i { color: var(--fg-dark); } .dashboardContainerCard--dark .dashboardContainerCard__footer { color: var(--fg-dark); } .dashboardContainerCard--dark .dashboardContainerCard__body p { background-color: color-mix(in sRGB, var(--bg) 90%, var(--fg)); } .dashboardContainerCard--light .dashboardContainerCard__header i, .dashboardContainerCard--light .dashboardContainerCard__footer i, .dashboardContainerCard--light .dashboardContainerCard__body i { color: var(--bg-dark); } .dashboardContainerCard--light .dashboardContainerCard__footer { color: var(--bg-dark); } .dashboardContainerCard--light .dashboardContainerCard__body p { background-color: color-mix(in sRGB, var(--bg) 90%, var(--black)); } .dashboardContainerCard--success .dashboardContainerCard__header i, .dashboardContainerCard--success .dashboardContainerCard__footer i, .dashboardContainerCard--success .dashboardContainerCard__body i { color: var(--success-dark); } .dashboardContainerCard--success .dashboardContainerCard__footer { color: var(--success-dark); } .dashboardContainerCard--success .dashboardContainerCard__body p { background-color: color-mix(in sRGB, var(--bg) 90%, var(--success)); } .dashboardContainerCard--error .dashboardContainerCard__header i, .dashboardContainerCard--error .dashboardContainerCard__footer i, .dashboardContainerCard--error .dashboardContainerCard__body i { color: var(--error-dark); } .dashboardContainerCard--error .dashboardContainerCard__footer { color: var(--error-dark); } .dashboardContainerCard--error .dashboardContainerCard__body p { background-color: color-mix(in sRGB, var(--bg) 90%, var(--error)); } .dashboardContainerCard--warning .dashboardContainerCard__header i, .dashboardContainerCard--warning .dashboardContainerCard__footer i, .dashboardContainerCard--warning .dashboardContainerCard__body i { color: var(--warning-dark); } .dashboardContainerCard--warning .dashboardContainerCard__footer { color: var(--warning-dark); } .dashboardContainerCard--warning .dashboardContainerCard__body p { background-color: color-mix(in sRGB, var(--bg) 90%, var(--warning)); } .dashboardContainerCard--info .dashboardContainerCard__header i, .dashboardContainerCard--info .dashboardContainerCard__footer i, .dashboardContainerCard--info .dashboardContainerCard__body i { color: var(--info-dark); } .dashboardContainerCard--info .dashboardContainerCard__footer { color: var(--info-dark); } .dashboardContainerCard--info .dashboardContainerCard__body p { background-color: color-mix(in sRGB, var(--bg) 90%, var(--info)); } .dashboardContainerCard__swiper .swiper { width: 100% !important; } .dashboardContainerCard__swiper .swiper-wrapper { width: 100% !important; height: 100%; margin: 0 !important; padding: 0 !important; } .dashboardContainerCard__swiper .swiper-slide { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; flex-direction: column !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative; } .dashboardContainerCard__swiper .orgDiagSplitWrapper { width: 100%; height: 100%; position: relative; } .dashboardContainerCard__swiper .orgDiagSplit { width: 99%; height: 100%; display: flex; position: relative; padding: 1rem 2rem; overflow: hidden; } .dashboardContainerCard__swiper .orgDiagSplit::before { content: ""; position: absolute; left: 72%; top: 10%; width: 100%; height: 85%; transform: skew(-55deg); z-index: 0; } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="0"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8B0000 80%, var(--white)) 5%, color-mix(in sRGB, #8B0000 10%, var(--white)) 3%, color-mix(in sRGB, #8B0000 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="1"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8B0000 80%, var(--white)) 5%, color-mix(in sRGB, #8B0000 10%, var(--white)) 3%, color-mix(in sRGB, #8B0000 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="2"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8B0000 80%, var(--white)) 5%, color-mix(in sRGB, #8B0000 10%, var(--white)) 3%, color-mix(in sRGB, #8B0000 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="3"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8B0000 80%, var(--white)) 5%, color-mix(in sRGB, #8B0000 10%, var(--white)) 3%, color-mix(in sRGB, #8B0000 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="4"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8B0000 80%, var(--white)) 5%, color-mix(in sRGB, #8B0000 10%, var(--white)) 3%, color-mix(in sRGB, #8B0000 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="5"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8B0000 80%, var(--white)) 5%, color-mix(in sRGB, #8B0000 10%, var(--white)) 3%, color-mix(in sRGB, #8B0000 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="6"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8B0000 80%, var(--white)) 5%, color-mix(in sRGB, #8B0000 10%, var(--white)) 3%, color-mix(in sRGB, #8B0000 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="7"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8B0000 80%, var(--white)) 5%, color-mix(in sRGB, #8B0000 10%, var(--white)) 3%, color-mix(in sRGB, #8B0000 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="8"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8B0000 80%, var(--white)) 5%, color-mix(in sRGB, #8B0000 10%, var(--white)) 3%, color-mix(in sRGB, #8B0000 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="9"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8B0000 80%, var(--white)) 5%, color-mix(in sRGB, #8B0000 10%, var(--white)) 3%, color-mix(in sRGB, #8B0000 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="10"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #B22222 80%, var(--white)) 5%, color-mix(in sRGB, #B22222 10%, var(--white)) 3%, color-mix(in sRGB, #B22222 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="11"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #B22222 80%, var(--white)) 5%, color-mix(in sRGB, #B22222 10%, var(--white)) 3%, color-mix(in sRGB, #B22222 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="12"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #B22222 80%, var(--white)) 5%, color-mix(in sRGB, #B22222 10%, var(--white)) 3%, color-mix(in sRGB, #B22222 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="13"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #B22222 80%, var(--white)) 5%, color-mix(in sRGB, #B22222 10%, var(--white)) 3%, color-mix(in sRGB, #B22222 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="14"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #B22222 80%, var(--white)) 5%, color-mix(in sRGB, #B22222 10%, var(--white)) 3%, color-mix(in sRGB, #B22222 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="15"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #B22222 80%, var(--white)) 5%, color-mix(in sRGB, #B22222 10%, var(--white)) 3%, color-mix(in sRGB, #B22222 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="16"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #B22222 80%, var(--white)) 5%, color-mix(in sRGB, #B22222 10%, var(--white)) 3%, color-mix(in sRGB, #B22222 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="17"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #B22222 80%, var(--white)) 5%, color-mix(in sRGB, #B22222 10%, var(--white)) 3%, color-mix(in sRGB, #B22222 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="18"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #B22222 80%, var(--white)) 5%, color-mix(in sRGB, #B22222 10%, var(--white)) 3%, color-mix(in sRGB, #B22222 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="19"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #B22222 80%, var(--white)) 5%, color-mix(in sRGB, #B22222 10%, var(--white)) 3%, color-mix(in sRGB, #B22222 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="20"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #D32F2F 80%, var(--white)) 5%, color-mix(in sRGB, #D32F2F 10%, var(--white)) 3%, color-mix(in sRGB, #D32F2F 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="21"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #D32F2F 80%, var(--white)) 5%, color-mix(in sRGB, #D32F2F 10%, var(--white)) 3%, color-mix(in sRGB, #D32F2F 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="22"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #D32F2F 80%, var(--white)) 5%, color-mix(in sRGB, #D32F2F 10%, var(--white)) 3%, color-mix(in sRGB, #D32F2F 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="23"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #D32F2F 80%, var(--white)) 5%, color-mix(in sRGB, #D32F2F 10%, var(--white)) 3%, color-mix(in sRGB, #D32F2F 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="24"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #D32F2F 80%, var(--white)) 5%, color-mix(in sRGB, #D32F2F 10%, var(--white)) 3%, color-mix(in sRGB, #D32F2F 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="25"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #D32F2F 80%, var(--white)) 5%, color-mix(in sRGB, #D32F2F 10%, var(--white)) 3%, color-mix(in sRGB, #D32F2F 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="26"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #D32F2F 80%, var(--white)) 5%, color-mix(in sRGB, #D32F2F 10%, var(--white)) 3%, color-mix(in sRGB, #D32F2F 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="27"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #D32F2F 80%, var(--white)) 5%, color-mix(in sRGB, #D32F2F 10%, var(--white)) 3%, color-mix(in sRGB, #D32F2F 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="28"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #D32F2F 80%, var(--white)) 5%, color-mix(in sRGB, #D32F2F 10%, var(--white)) 3%, color-mix(in sRGB, #D32F2F 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="29"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #D32F2F 80%, var(--white)) 5%, color-mix(in sRGB, #D32F2F 10%, var(--white)) 3%, color-mix(in sRGB, #D32F2F 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="30"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #E65100 80%, var(--white)) 5%, color-mix(in sRGB, #E65100 10%, var(--white)) 3%, color-mix(in sRGB, #E65100 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="31"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #E65100 80%, var(--white)) 5%, color-mix(in sRGB, #E65100 10%, var(--white)) 3%, color-mix(in sRGB, #E65100 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="32"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #E65100 80%, var(--white)) 5%, color-mix(in sRGB, #E65100 10%, var(--white)) 3%, color-mix(in sRGB, #E65100 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="33"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #E65100 80%, var(--white)) 5%, color-mix(in sRGB, #E65100 10%, var(--white)) 3%, color-mix(in sRGB, #E65100 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="34"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #E65100 80%, var(--white)) 5%, color-mix(in sRGB, #E65100 10%, var(--white)) 3%, color-mix(in sRGB, #E65100 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="35"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #E65100 80%, var(--white)) 5%, color-mix(in sRGB, #E65100 10%, var(--white)) 3%, color-mix(in sRGB, #E65100 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="36"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #E65100 80%, var(--white)) 5%, color-mix(in sRGB, #E65100 10%, var(--white)) 3%, color-mix(in sRGB, #E65100 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="37"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #E65100 80%, var(--white)) 5%, color-mix(in sRGB, #E65100 10%, var(--white)) 3%, color-mix(in sRGB, #E65100 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="38"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #E65100 80%, var(--white)) 5%, color-mix(in sRGB, #E65100 10%, var(--white)) 3%, color-mix(in sRGB, #E65100 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="39"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #E65100 80%, var(--white)) 5%, color-mix(in sRGB, #E65100 10%, var(--white)) 3%, color-mix(in sRGB, #E65100 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="40"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #F57C00 80%, var(--white)) 5%, color-mix(in sRGB, #F57C00 10%, var(--white)) 3%, color-mix(in sRGB, #F57C00 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="41"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #F57C00 80%, var(--white)) 5%, color-mix(in sRGB, #F57C00 10%, var(--white)) 3%, color-mix(in sRGB, #F57C00 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="42"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #F57C00 80%, var(--white)) 5%, color-mix(in sRGB, #F57C00 10%, var(--white)) 3%, color-mix(in sRGB, #F57C00 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="43"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #F57C00 80%, var(--white)) 5%, color-mix(in sRGB, #F57C00 10%, var(--white)) 3%, color-mix(in sRGB, #F57C00 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="44"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #F57C00 80%, var(--white)) 5%, color-mix(in sRGB, #F57C00 10%, var(--white)) 3%, color-mix(in sRGB, #F57C00 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="45"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #F57C00 80%, var(--white)) 5%, color-mix(in sRGB, #F57C00 10%, var(--white)) 3%, color-mix(in sRGB, #F57C00 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="46"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #F57C00 80%, var(--white)) 5%, color-mix(in sRGB, #F57C00 10%, var(--white)) 3%, color-mix(in sRGB, #F57C00 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="47"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #F57C00 80%, var(--white)) 5%, color-mix(in sRGB, #F57C00 10%, var(--white)) 3%, color-mix(in sRGB, #F57C00 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="48"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #F57C00 80%, var(--white)) 5%, color-mix(in sRGB, #F57C00 10%, var(--white)) 3%, color-mix(in sRGB, #F57C00 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="49"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #F57C00 80%, var(--white)) 5%, color-mix(in sRGB, #F57C00 10%, var(--white)) 3%, color-mix(in sRGB, #F57C00 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="50"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #FBC02D 80%, var(--white)) 5%, color-mix(in sRGB, #FBC02D 10%, var(--white)) 3%, color-mix(in sRGB, #FBC02D 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="51"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #FBC02D 80%, var(--white)) 5%, color-mix(in sRGB, #FBC02D 10%, var(--white)) 3%, color-mix(in sRGB, #FBC02D 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="52"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #FBC02D 80%, var(--white)) 5%, color-mix(in sRGB, #FBC02D 10%, var(--white)) 3%, color-mix(in sRGB, #FBC02D 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="53"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #FBC02D 80%, var(--white)) 5%, color-mix(in sRGB, #FBC02D 10%, var(--white)) 3%, color-mix(in sRGB, #FBC02D 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="54"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #FBC02D 80%, var(--white)) 5%, color-mix(in sRGB, #FBC02D 10%, var(--white)) 3%, color-mix(in sRGB, #FBC02D 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="55"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #FBC02D 80%, var(--white)) 5%, color-mix(in sRGB, #FBC02D 10%, var(--white)) 3%, color-mix(in sRGB, #FBC02D 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="56"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #FBC02D 80%, var(--white)) 5%, color-mix(in sRGB, #FBC02D 10%, var(--white)) 3%, color-mix(in sRGB, #FBC02D 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="57"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #FBC02D 80%, var(--white)) 5%, color-mix(in sRGB, #FBC02D 10%, var(--white)) 3%, color-mix(in sRGB, #FBC02D 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="58"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #FBC02D 80%, var(--white)) 5%, color-mix(in sRGB, #FBC02D 10%, var(--white)) 3%, color-mix(in sRGB, #FBC02D 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="59"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #FBC02D 80%, var(--white)) 5%, color-mix(in sRGB, #FBC02D 10%, var(--white)) 3%, color-mix(in sRGB, #FBC02D 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="60"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #C0CA33 80%, var(--white)) 5%, color-mix(in sRGB, #C0CA33 10%, var(--white)) 3%, color-mix(in sRGB, #C0CA33 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="61"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #C0CA33 80%, var(--white)) 5%, color-mix(in sRGB, #C0CA33 10%, var(--white)) 3%, color-mix(in sRGB, #C0CA33 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="62"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #C0CA33 80%, var(--white)) 5%, color-mix(in sRGB, #C0CA33 10%, var(--white)) 3%, color-mix(in sRGB, #C0CA33 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="63"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #C0CA33 80%, var(--white)) 5%, color-mix(in sRGB, #C0CA33 10%, var(--white)) 3%, color-mix(in sRGB, #C0CA33 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="64"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #C0CA33 80%, var(--white)) 5%, color-mix(in sRGB, #C0CA33 10%, var(--white)) 3%, color-mix(in sRGB, #C0CA33 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="65"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #C0CA33 80%, var(--white)) 5%, color-mix(in sRGB, #C0CA33 10%, var(--white)) 3%, color-mix(in sRGB, #C0CA33 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="66"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #C0CA33 80%, var(--white)) 5%, color-mix(in sRGB, #C0CA33 10%, var(--white)) 3%, color-mix(in sRGB, #C0CA33 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="67"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #C0CA33 80%, var(--white)) 5%, color-mix(in sRGB, #C0CA33 10%, var(--white)) 3%, color-mix(in sRGB, #C0CA33 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="68"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #C0CA33 80%, var(--white)) 5%, color-mix(in sRGB, #C0CA33 10%, var(--white)) 3%, color-mix(in sRGB, #C0CA33 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="69"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #C0CA33 80%, var(--white)) 5%, color-mix(in sRGB, #C0CA33 10%, var(--white)) 3%, color-mix(in sRGB, #C0CA33 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="70"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8BC34A 80%, var(--white)) 5%, color-mix(in sRGB, #8BC34A 10%, var(--white)) 3%, color-mix(in sRGB, #8BC34A 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="71"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8BC34A 80%, var(--white)) 5%, color-mix(in sRGB, #8BC34A 10%, var(--white)) 3%, color-mix(in sRGB, #8BC34A 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="72"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8BC34A 80%, var(--white)) 5%, color-mix(in sRGB, #8BC34A 10%, var(--white)) 3%, color-mix(in sRGB, #8BC34A 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="73"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8BC34A 80%, var(--white)) 5%, color-mix(in sRGB, #8BC34A 10%, var(--white)) 3%, color-mix(in sRGB, #8BC34A 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="74"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8BC34A 80%, var(--white)) 5%, color-mix(in sRGB, #8BC34A 10%, var(--white)) 3%, color-mix(in sRGB, #8BC34A 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="75"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8BC34A 80%, var(--white)) 5%, color-mix(in sRGB, #8BC34A 10%, var(--white)) 3%, color-mix(in sRGB, #8BC34A 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="76"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8BC34A 80%, var(--white)) 5%, color-mix(in sRGB, #8BC34A 10%, var(--white)) 3%, color-mix(in sRGB, #8BC34A 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="77"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8BC34A 80%, var(--white)) 5%, color-mix(in sRGB, #8BC34A 10%, var(--white)) 3%, color-mix(in sRGB, #8BC34A 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="78"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8BC34A 80%, var(--white)) 5%, color-mix(in sRGB, #8BC34A 10%, var(--white)) 3%, color-mix(in sRGB, #8BC34A 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="79"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #8BC34A 80%, var(--white)) 5%, color-mix(in sRGB, #8BC34A 10%, var(--white)) 3%, color-mix(in sRGB, #8BC34A 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="80"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #4CAF50 80%, var(--white)) 5%, color-mix(in sRGB, #4CAF50 10%, var(--white)) 3%, color-mix(in sRGB, #4CAF50 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="81"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #4CAF50 80%, var(--white)) 5%, color-mix(in sRGB, #4CAF50 10%, var(--white)) 3%, color-mix(in sRGB, #4CAF50 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="82"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #4CAF50 80%, var(--white)) 5%, color-mix(in sRGB, #4CAF50 10%, var(--white)) 3%, color-mix(in sRGB, #4CAF50 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="83"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #4CAF50 80%, var(--white)) 5%, color-mix(in sRGB, #4CAF50 10%, var(--white)) 3%, color-mix(in sRGB, #4CAF50 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="84"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #4CAF50 80%, var(--white)) 5%, color-mix(in sRGB, #4CAF50 10%, var(--white)) 3%, color-mix(in sRGB, #4CAF50 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="85"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #4CAF50 80%, var(--white)) 5%, color-mix(in sRGB, #4CAF50 10%, var(--white)) 3%, color-mix(in sRGB, #4CAF50 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="86"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #4CAF50 80%, var(--white)) 5%, color-mix(in sRGB, #4CAF50 10%, var(--white)) 3%, color-mix(in sRGB, #4CAF50 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="87"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #4CAF50 80%, var(--white)) 5%, color-mix(in sRGB, #4CAF50 10%, var(--white)) 3%, color-mix(in sRGB, #4CAF50 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="88"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #4CAF50 80%, var(--white)) 5%, color-mix(in sRGB, #4CAF50 10%, var(--white)) 3%, color-mix(in sRGB, #4CAF50 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="89"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #4CAF50 80%, var(--white)) 5%, color-mix(in sRGB, #4CAF50 10%, var(--white)) 3%, color-mix(in sRGB, #4CAF50 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="90"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #2E7D32 80%, var(--white)) 5%, color-mix(in sRGB, #2E7D32 10%, var(--white)) 3%, color-mix(in sRGB, #2E7D32 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="91"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #2E7D32 80%, var(--white)) 5%, color-mix(in sRGB, #2E7D32 10%, var(--white)) 3%, color-mix(in sRGB, #2E7D32 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="92"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #2E7D32 80%, var(--white)) 5%, color-mix(in sRGB, #2E7D32 10%, var(--white)) 3%, color-mix(in sRGB, #2E7D32 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="93"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #2E7D32 80%, var(--white)) 5%, color-mix(in sRGB, #2E7D32 10%, var(--white)) 3%, color-mix(in sRGB, #2E7D32 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="94"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #2E7D32 80%, var(--white)) 5%, color-mix(in sRGB, #2E7D32 10%, var(--white)) 3%, color-mix(in sRGB, #2E7D32 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="95"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #2E7D32 80%, var(--white)) 5%, color-mix(in sRGB, #2E7D32 10%, var(--white)) 3%, color-mix(in sRGB, #2E7D32 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="96"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #2E7D32 80%, var(--white)) 5%, color-mix(in sRGB, #2E7D32 10%, var(--white)) 3%, color-mix(in sRGB, #2E7D32 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="97"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #2E7D32 80%, var(--white)) 5%, color-mix(in sRGB, #2E7D32 10%, var(--white)) 3%, color-mix(in sRGB, #2E7D32 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="98"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #2E7D32 80%, var(--white)) 5%, color-mix(in sRGB, #2E7D32 10%, var(--white)) 3%, color-mix(in sRGB, #2E7D32 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="99"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #2E7D32 80%, var(--white)) 5%, color-mix(in sRGB, #2E7D32 10%, var(--white)) 3%, color-mix(in sRGB, #2E7D32 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="100"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #1B5E20 80%, var(--white)) 5%, color-mix(in sRGB, #1B5E20 10%, var(--white)) 3%, color-mix(in sRGB, #1B5E20 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="101"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #1B5E20 80%, var(--white)) 5%, color-mix(in sRGB, #1B5E20 10%, var(--white)) 3%, color-mix(in sRGB, #1B5E20 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="102"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #1B5E20 80%, var(--white)) 5%, color-mix(in sRGB, #1B5E20 10%, var(--white)) 3%, color-mix(in sRGB, #1B5E20 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="103"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #1B5E20 80%, var(--white)) 5%, color-mix(in sRGB, #1B5E20 10%, var(--white)) 3%, color-mix(in sRGB, #1B5E20 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="104"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #1B5E20 80%, var(--white)) 5%, color-mix(in sRGB, #1B5E20 10%, var(--white)) 3%, color-mix(in sRGB, #1B5E20 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="105"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #1B5E20 80%, var(--white)) 5%, color-mix(in sRGB, #1B5E20 10%, var(--white)) 3%, color-mix(in sRGB, #1B5E20 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="106"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #1B5E20 80%, var(--white)) 5%, color-mix(in sRGB, #1B5E20 10%, var(--white)) 3%, color-mix(in sRGB, #1B5E20 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="107"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #1B5E20 80%, var(--white)) 5%, color-mix(in sRGB, #1B5E20 10%, var(--white)) 3%, color-mix(in sRGB, #1B5E20 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="108"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #1B5E20 80%, var(--white)) 5%, color-mix(in sRGB, #1B5E20 10%, var(--white)) 3%, color-mix(in sRGB, #1B5E20 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit[data-percentage-actual="109"]::before { background: linear-gradient(90deg, color-mix(in sRGB, #1B5E20 80%, var(--white)) 5%, color-mix(in sRGB, #1B5E20 10%, var(--white)) 3%, color-mix(in sRGB, #1B5E20 15%, var(--white)) 100%); } .dashboardContainerCard__swiper .orgDiagSplit__left, .dashboardContainerCard__swiper .orgDiagSplit__right { flex: 0 0 50%; max-width: 50%; display: flex; flex-direction: column; position: relative; } .dashboardContainerCard__swiper .orgDiagSplit__left { justify-content: flex-start; align-items: center; z-index: 10000; } .dashboardContainerCard__swiper .orgDiagSplit__logo { display: flex; justify-content: center; align-items: center; } .dashboardContainerCard__swiper .orgDiagSplit__logo .avatar { width: 12.5rem !important; height: 12.5rem !important; margin-bottom: 0.5rem; } .dashboardContainerCard__swiper .orgDiagSplit__name { font-size: x-large; font-weight: 700; text-align: center; white-space: normal; overflow-wrap: break-word; max-width: 80%; } .dashboardContainerCard__swiper .orgDiagSplit__right { justify-content: flex-end; align-items: flex-end; overflow: hidden; display: flex; width: 100%; height: 100%; z-index: 10001; margin-left: 2rem; } .dashboardContainerCard__swiper .orgDiagSplit__percentage { font-size: 4.5rem; font-weight: 800; line-height: 1; color: transparent; margin-left: auto; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="0"] { background: #8B0000; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="1"] { background: #8B0000; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="2"] { background: #8B0000; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="3"] { background: #8B0000; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="4"] { background: #8B0000; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="5"] { background: #8B0000; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="6"] { background: #8B0000; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="7"] { background: #8B0000; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="8"] { background: #8B0000; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="9"] { background: #8B0000; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="10"] { background: #B22222; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="11"] { background: #B22222; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="12"] { background: #B22222; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="13"] { background: #B22222; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="14"] { background: #B22222; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="15"] { background: #B22222; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="16"] { background: #B22222; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="17"] { background: #B22222; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="18"] { background: #B22222; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="19"] { background: #B22222; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="20"] { background: #D32F2F; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="21"] { background: #D32F2F; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="22"] { background: #D32F2F; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="23"] { background: #D32F2F; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="24"] { background: #D32F2F; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="25"] { background: #D32F2F; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="26"] { background: #D32F2F; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="27"] { background: #D32F2F; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="28"] { background: #D32F2F; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="29"] { background: #D32F2F; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="30"] { background: #E65100; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="31"] { background: #E65100; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="32"] { background: #E65100; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="33"] { background: #E65100; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="34"] { background: #E65100; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="35"] { background: #E65100; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="36"] { background: #E65100; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="37"] { background: #E65100; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="38"] { background: #E65100; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="39"] { background: #E65100; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="40"] { background: #F57C00; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="41"] { background: #F57C00; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="42"] { background: #F57C00; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="43"] { background: #F57C00; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="44"] { background: #F57C00; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="45"] { background: #F57C00; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="46"] { background: #F57C00; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="47"] { background: #F57C00; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="48"] { background: #F57C00; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="49"] { background: #F57C00; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="50"] { background: #FBC02D; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="51"] { background: #FBC02D; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="52"] { background: #FBC02D; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="53"] { background: #FBC02D; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="54"] { background: #FBC02D; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="55"] { background: #FBC02D; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="56"] { background: #FBC02D; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="57"] { background: #FBC02D; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="58"] { background: #FBC02D; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="59"] { background: #FBC02D; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="60"] { background: #C0CA33; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="61"] { background: #C0CA33; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="62"] { background: #C0CA33; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="63"] { background: #C0CA33; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="64"] { background: #C0CA33; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="65"] { background: #C0CA33; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="66"] { background: #C0CA33; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="67"] { background: #C0CA33; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="68"] { background: #C0CA33; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="69"] { background: #C0CA33; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="70"] { background: #8BC34A; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="71"] { background: #8BC34A; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="72"] { background: #8BC34A; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="73"] { background: #8BC34A; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="74"] { background: #8BC34A; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="75"] { background: #8BC34A; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="76"] { background: #8BC34A; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="77"] { background: #8BC34A; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="78"] { background: #8BC34A; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="79"] { background: #8BC34A; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="80"] { background: #4CAF50; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="81"] { background: #4CAF50; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="82"] { background: #4CAF50; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="83"] { background: #4CAF50; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="84"] { background: #4CAF50; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="85"] { background: #4CAF50; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="86"] { background: #4CAF50; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="87"] { background: #4CAF50; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="88"] { background: #4CAF50; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="89"] { background: #4CAF50; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="90"] { background: #2E7D32; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="91"] { background: #2E7D32; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="92"] { background: #2E7D32; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="93"] { background: #2E7D32; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="94"] { background: #2E7D32; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="95"] { background: #2E7D32; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="96"] { background: #2E7D32; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="97"] { background: #2E7D32; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="98"] { background: #2E7D32; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="99"] { background: #2E7D32; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="100"] { background: #1B5E20; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="101"] { background: #1B5E20; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="102"] { background: #1B5E20; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="103"] { background: #1B5E20; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="104"] { background: #1B5E20; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="105"] { background: #1B5E20; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="106"] { background: #1B5E20; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="107"] { background: #1B5E20; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="108"] { background: #1B5E20; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="109"] { background: #1B5E20; -webkit-background-clip: text; background-clip: text; } .dashboardContainerCard__swiper .orgDiagSplit__percentage[data-percentage-actual="100"] { animation: orgGlow 1.4s infinite alternate ease-in-out; } @keyframes orgGlow { 0% { background: #1B5E20; -webkit-background-clip: text; } 50% { background: #2E7D32; -webkit-background-clip: text; } 100% { background: #1B5E20; -webkit-background-clip: text; } } @media (max-width: 1280px) { .dashboardContainerCard__swiper .orgDiagSplit__logo .avatar { width: 10rem !important; height: 10rem !important; margin-bottom: 0.5rem; } .dashboardContainerCard__swiper .orgDiagSplit__name { font-size: larger; font-weight: 700; text-align: center; white-space: normal; overflow-wrap: break-word; max-width: 80%; } .dashboardContainerCard__swiper .orgDiagSplit__percentage { font-size: 3.5rem; font-weight: 800; line-height: 1; color: transparent; display: inline-block; margin-left: auto; } } @media (max-width: 1024px) { .dashboardContainerCard__swiper .orgDiagSplit__name { font-size: larger; font-weight: 700; text-align: center; white-space: normal; overflow-wrap: break-word; max-width: 80%; } } @media (max-width: 640px) { .dashboardContainerCard__swiper .orgDiagSplit__logo .avatar { width: 7.5rem !important; height: 7.5rem !important; margin-bottom: 0.5rem; } .dashboardContainerCard__swiper .orgDiagSplit__name { font-size: large; font-weight: 700; text-align: center; white-space: normal; overflow-wrap: break-word; max-width: 80%; } .dashboardContainerCard__swiper .orgDiagSplit__percentage { font-size: 3rem; font-weight: 800; line-height: 1; color: transparent; display: inline-block; text-align: center; } } @media (max-width: 425px) { .dashboardContainerCard__swiper .orgDiagSplit__logo .avatar { width: 6.25rem !important; height: 6.25rem !important; margin-bottom: 0.5rem; } .dashboardContainerCard__swiper .orgDiagSplit__name { font-size: medium; font-weight: 700; text-align: center; white-space: normal; overflow-wrap: break-word; max-width: 90%; } .dashboardContainerCard__swiper .orgDiagSplit__percentage { font-size: 2.5rem; font-weight: 800; line-height: 1; color: transparent; display: inline-block; text-align: center; } } /*# sourceMappingURL=Dashboard.css.map */