@layer base, vendors, components, theme, utilities;
@layer components {
certara-alert {
display: block;
}
.alert {
--alert-bg: var(--color-background-static-subtlest);
--alert-shadow-color: var(--theme-neutral-400-rgb);
--alert-shadow: 0 6px 27px rgba(var(--alert-shadow-color), 0.2), 0 4px 16px rgba(var(--alert-shadow-color), 0.06);
--alert-padding-l: 2.5rem;
--alert-margin-bottom: var(--units-200);
--alert-color: var(--color-text-primary);
--alert-border-color: var(--color-border-static-neutral);
--alert-border: var(--border-width-default) solid var(--alert-border-color);
--alert-border-radius: var(--border-radius-sm);
--alert-icon-size: 1rem;
--alert-heading-font-size: var(--font-size-md);
--alert-heading-margin-bottom: 0.2rem;
--alert-content-font-size: var(--font-size-base);
--alert-link-font-weight: 700;
--alert-dismissible-padding-r: calc(var(--space-alert-padding-x) * 3);
--alert-icon: var(--alert-icon-info);
--alert-icon-info: url("data:image/svg+xml;utf8,");
--alert-icon-warning: url("data:image/svg+xml;utf8,");
--alert-icon-danger: url("data:image/svg+xml;utf8,");
--alert-icon-success: url("data:image/svg+xml;utf8,");
position: relative;
margin-bottom: var(--alert-margin-bottom);
padding: var(--space-alert-padding-y) var(--space-alert-padding-x) var(--space-alert-padding-y) var(--alert-padding-l);
border: var(--alert-border);
border-radius: var(--alert-border-radius);
background-color: var(--alert-bg);
color: var(--alert-color);
text-align: left;
}
.alert > * {
margin-bottom: 0;
}
.alert__heading {
position: relative;
align-items: flex-start;
color: inherit;
font-size: var(--alert-heading-font-size);
font-weight: 600;
white-space-collapse: collapse;
}
.alert__description {
color: inherit;
font-size: var(--alert-content-font-size);
}
.alert__heading::before, .alert__description::before {
--size: 1rem;
content: "";
display: inline-block;
flex-shrink: 0;
width: var(--size);
height: var(--size);
margin-left: calc(var(--space-alert-padding-x) * -1);
transform: translate(-0.5em, 0.15em);
background-image: var(--alert-icon);
background-repeat: no-repeat;
background-size: var(--size) var(--size);
}
.alert__heading + .alert__description {
margin-top: var(--alert-heading-margin-bottom);
}
.alert__heading + .alert__description::before {
display: none;
}
.alert__cta {
margin-top: var(--space-alert-gap-between);
}
.alert__cta .btn + .btn, .alert__cta certara-button + certara-button {
margin-left: 0.25rem;
}
.alert--hide-icon {
padding-inline-start: var(--space-alert-padding-x);
}
.alert--hide-icon .alert__heading::before,
.alert--hide-icon .alert__description::before {
display: none;
}
.alert--shadow, .alert.toast, .alert.alert--toast {
box-shadow: var(--alert-shadow);
}
.alert.toast, .alert.alert--toast {
--width: 300px;
display: inline-block;
position: fixed;
z-index: var(--zindex-toast);
width: var(--width);
margin: 0 auto;
animation: fadeInLeft 1.25s cubic-bezier(0.4, 0, 0.23, 1);
}
@media (min-width: 576px) {
.alert.toast, .alert.alert--toast {
left: calc(50% - var(--width) / 2);
}
}
.alert.toast--bottom-left, .alert.alert--toast--bottom-left {
bottom: 1rem;
left: calc(64px + var(--space-page-padding-x) / 2);
}
.alert.toast--bottom-right, .alert.alert--toast--bottom-right {
right: 1rem;
bottom: 1rem;
left: auto;
}
.alert .close,
.alert .btn--close {
position: absolute;
z-index: 2;
top: 0.25rem;
right: 0.25rem;
}
.alert-dismissible,
.alert--dismissible {
padding-right: var(--alert-dismissible-padding-r);
}
.alert-warning,
.alert--warning {
--alert-icon: var(--alert-icon-warning);
--alert-bg: var(--color-background-static-warning-subtle);
--alert-border-color: var(--color-border-static-warning);
--alert-shadow-color: var(--theme-warning-400-rgb);
}
.alert-danger,
.alert--danger {
--alert-icon: var(--alert-icon-danger);
--alert-bg: var(--color-background-static-danger-subtle);
--alert-border-color: var(--color-border-static-danger);
--alert-shadow-color: var(--theme-danger-400-rgb);
}
.alert-success,
.alert--success {
--alert-icon: var(--alert-icon-success);
--alert-bg: var(--color-background-static-success-subtle);
--alert-border-color: var(--color-border-static-success);
--alert-shadow-color: var(--theme-success-400-rgb);
}
.alert--attention {
animation: shakeX 1.5s ease-in-out 0.8s 3;
}
@keyframes slideLeft {
from {
transform: translateX(65px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideUpRight {
from {
transform: translate3d(0, -65px, 0);
opacity: 0;
}
to {
transform: translateX(0, 0, 0);
opacity: 1;
}
}
@keyframes shakeX {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-10px);
}
18.5% {
transform: translateX(7px);
}
31.5% {
transform: translateX(-5px);
}
43.5% {
transform: translateX(2px);
}
50% {
transform: translateX(0);
}
}
.breadcrumb {
--breadcrumb-margin-bottom: var(--units-200);
--breadcrumb-font-size: var(--font-size-sm);
--breadcrumb-font-weight: 400;
--breadcrumb-color: var(--color-link-neutral-default);
--breadcrumb-disabled-color: var(--color-text-tertiary);
--breadcrumb-hover-color: var(--color-link-neutral-hovered);
--breadcrumb-bg: var(--color-background-static-strong);
--breadcrumb-bottom-border: 1px solid var(--color-border-static-neutral);
--breadcrumb-item-padding-x: var(--space-breadcrumb-gap-between);
--breadcrumb-item-active-color: var(--color-link-neutral-pressed);
--breadcrumb-item-weight: 700;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-block: calc(var(--space-page-padding-y) * -1) var(--breadcrumb-margin-bottom);
margin-inline: calc(var(--space-page-padding-x) * -1);
padding: var(--space-breadcrumb-padding-y) var(--space-breadcrumb-padding-x);
border-bottom: var(--breadcrumb-bottom-border);
background-color: var(--breadcrumb-bg);
color: var(--breadcrumb-disabled-color);
font-size: var(--breadcrumb-font-size);
font-weight: var(--breadcrumb-font-weight);
list-style: none;
}
.breadcrumb .icon {
margin-right: var(--units-100);
}
.breadcrumb-item,
.breadcrumb__item {
display: flex;
align-items: center;
}
.breadcrumb-item + .breadcrumb-item,
.breadcrumb-item + .breadcrumb__item,
.breadcrumb__item + .breadcrumb-item,
.breadcrumb__item + .breadcrumb__item {
padding-left: var(--breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item + .breadcrumb__item::before,
.breadcrumb__item + .breadcrumb-item::before,
.breadcrumb__item + .breadcrumb__item::before {
content: var(--breadcrumb-divider, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' height='11' width='11'%3e%3cpath fill='%23727272' d='M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z'/%3e%3c/svg%3e")) /* rtl: var(--breadcrumb-divider, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' height='11' width='11'%3e%3cpath fill='%23727272' d='M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z'/%3e%3c/svg%3e")) */;
padding-right: var(--breadcrumb-item-padding-x);
transform: translateY(1px);
}
.breadcrumb-item.active,
.breadcrumb__item.active {
color: var(--breadcrumb-item-active-color);
font-weight: var(--breadcrumb-item-weight);
}
.breadcrumb-item > a, .breadcrumb-item > a:visited,
.breadcrumb__item > a,
.breadcrumb__item > a:visited {
display: flex;
position: relative;
align-items: center;
color: var(--breadcrumb-color);
}
.breadcrumb-item > a::before, .breadcrumb-item > a:visited::before,
.breadcrumb__item > a::before,
.breadcrumb__item > a:visited::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: 100% 50%;
transition: transform 0.3s;
background: var(--color-background-static-inverse-subtle);
pointer-events: none;
}
.breadcrumb-item > a:hover, .breadcrumb-item > a:visited:hover,
.breadcrumb__item > a:hover,
.breadcrumb__item > a:visited:hover {
color: var(--breadcrumb-hover-color);
}
.breadcrumb-item > a:hover:hover::before, .breadcrumb-item > a:visited:hover:hover::before,
.breadcrumb__item > a:hover:hover::before,
.breadcrumb__item > a:visited:hover:hover::before {
transform: scaleX(1);
transform-origin: 0% 50%;
}
certara-breadcrumb {
display: block;
}
.btn-group,
.btn-group-vertical {
display: inline-flex;
position: relative;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group > certara-button:hover,
.btn-group > certara-button:focus,
.btn-group > certara-button:active,
.btn-group > certara-button.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active,
.btn-group-vertical > certara-button:hover,
.btn-group-vertical > certara-button:focus,
.btn-group-vertical > certara-button:active,
.btn-group-vertical > certara-button.active {
z-index: 1;
}
.btn-group {
border-radius: var(--border-radius-md);
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child),
.btn-group > certara-button:not(:first-child) {
margin-left: calc(var(--border-width-default) * -1);
}
.btn-group > .btn:not(:last-child, .dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > certara-button:not(:last-child) > .btn,
.btn-group > .btn-group:not(:last-child) > certara-button > .btn {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.btn-group > .btn:nth-child(n+2),
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > certara-button:nth-child(n+2) > .btn,
.btn-group > .btn-group:not(:first-child) > certara-button > .btn {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.btn-group.show .dropdown-toggle {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.3);
}
.btn-group.show .dropdown-toggle.btn-link {
box-shadow: none;
}
:root {
--dropdown-zindex: var(--zindex-dropdown);
--dropdown-min-width: var(--size-dropdown-menu-min-width);
--dropdown-padding-x: 0;
--dropdown-padding-y: var(--units-100);
--dropdown-spacer: 0.125rem;
--dropdown-font-size: var(--font-size-base);
--dropdown-color: var(--body-color);
--dropdown-bg: var(--color-background-static-subtlest);
--dropdown-border-color: var(--color-border-static-neutral-strong);
--dropdown-border-radius: var(--border-radius-md);
--dropdown-border-width: var(--border-width-default);
--dropdown-inner-border-radius: calc(var(--border-radius-md) - var(--border-width-default));
--dropdown-divider-bg: var(--color-border-static-neutral);
--dropdown-divider-margin-y: var(--units-100);
--dropdown-box-shadow: var(--shadow-200);
--dropdown-link-color: var(--color-text-secondary);
--dropdown-link-border-color: transparent;
--dropdown-link-hover-color: var(--color-link-brand-hovered);
--dropdown-link-hover-bg: var(--color-background-interactive-selected-brand-hovered);
--dropdown-link-active-color: var(--color-link-brand-default);
--dropdown-link-active-bg: var(--color-background-interactive-selected-brand);
--dropdown-link-disabled-color: var(--color-text-tertiary);
--dropdown-item-padding-x: 0.75rem;
--dropdown-item-padding-y: 0.25rem;
--dropdown-item-text-color: var(--color-text-secondary);
--dropdown-header-color: var(--color-text-tertiary);
--dropdown-header-padding-x: 0.75rem;
--dropdown-header-padding-y: var(--units-100);
--dropdown-header-font-weight: 700;
--dropdown-header-font-size: var(--font-size-sm);
}
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative;
}
.dropdown-menu {
display: none;
position: absolute;
z-index: var(--dropdown-zindex);
top: 100%;
left: 0;
min-width: var(--dropdown-min-width);
margin: var(--dropdown-spacer) 0 0;
padding: var(--dropdown-padding-y) 0;
float: left;
border: var(--dropdown-border-width) solid var(--dropdown-border-color);
border-radius: var(--dropdown-border-radius);
background-clip: padding-box;
background-color: var(--dropdown-bg);
box-shadow: var(--dropdown-box-shadow);
color: var(--dropdown-color);
list-style: none;
text-align: left;
}
.dropdown-menu-left,
.dropdown-menu--left {
right: auto;
left: 0;
}
.dropdown-menu-right,
.dropdown-menu--right {
right: 0 !important;
left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-left,
.dropdown-menu-sm--left {
right: auto;
left: 0;
}
.dropdown-menu-sm-right,
.dropdown-menu-sm--right {
right: 0 !important;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-left,
.dropdown-menu-md--left {
right: auto;
left: 0;
}
.dropdown-menu-md-right,
.dropdown-menu-md--right {
right: 0 !important;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-left,
.dropdown-menu-lg--left {
right: auto;
left: 0;
}
.dropdown-menu-lg-right,
.dropdown-menu-lg--right {
right: 0 !important;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-left,
.dropdown-menu-xl--left {
right: auto;
left: 0;
}
.dropdown-menu-xl-right,
.dropdown-menu-xl--right {
right: 0 !important;
left: auto;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-left,
.dropdown-menu-xxl--left {
right: auto;
left: 0;
}
.dropdown-menu-xxl-right,
.dropdown-menu-xxl--right {
right: 0 !important;
left: auto;
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem;
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: var(--dropdown-spacer);
}
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: var(--dropdown-spacer);
}
.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
right: auto;
bottom: auto;
}
.dropdown-divider {
display: block;
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: var(--border-width-default) solid var(--color-border-static-neutral);
opacity: 1;
}
.dropdown-item {
display: flex;
align-items: center;
gap: 0 var(--units-100);
width: 100%;
padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
clear: both;
border: 1px solid var(--dropdown-link-border-color);
background-color: transparent;
color: var(--dropdown-link-color);
font-weight: 400;
text-align: inherit;
white-space: nowrap;
}
.dropdown-item .icon {
color: var(--color-icon-neutral-subtler);
}
.dropdown-item.active, .dropdown-item:active {
--dropdown-link-border-color: var(--color-border-static-brand);
background-color: var(--dropdown-link-active-bg);
color: var(--dropdown-link-active-color);
text-decoration: none;
}
.dropdown-item.active .icon, .dropdown-item:active .icon {
color: var(--color-link-brand-selected-strong);
}
.dropdown-item:hover, .dropdown-item:focus {
background-color: var(--dropdown-link-hover-bg);
color: var(--dropdown-link-hover-color);
text-decoration: none;
}
.dropdown-item:hover .icon, .dropdown-item:focus .icon {
color: var(--color-link-brand-hovered);
}
.dropdown-item.disabled, .dropdown-item:disabled {
background-color: transparent;
color: var(--dropdown-link-disabled-color);
pointer-events: none;
}
certara-dropdown-item[class^=text-] .dropdown-item {
color: inherit;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
margin-bottom: 0;
padding: calc(var(--dropdown-item-padding-y) / 2) var(--dropdown-header-padding-x) !important;
color: var(--dropdown-header-color) !important;
font-size: var(--dropdown-header-font-size) !important;
font-weight: var(--dropdown-header-font-weight);
letter-spacing: 0.75px;
text-transform: uppercase;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: calc(var(--dropdown-item-padding-y) / 2) var(--dropdown-item-padding-x);
color: var(--dropdown-item-text-color);
}
.dropdown-toggle::after,
.dropdown--toggle::after {
content: "";
display: inline-block;
width: 1em;
height: 1em;
margin-left: 0.25rem;
transition: var(--transition-toggle);
background: transparent var(--icon-chevron-neutral) no-repeat left center;
vertical-align: -0.15em;
}
.dropdown-toggle.btn-brand::after, .dropdown-toggle.btn--brand::after, .dropdown-toggle.btn-primary::after, .dropdown-toggle[class*=btn-outline]:hover::after,
.dropdown--toggle.btn-brand::after,
.dropdown--toggle.btn--brand::after,
.dropdown--toggle.btn-primary::after,
.dropdown--toggle[class*=btn-outline]:hover::after {
filter: invert(1) grayscale(100%) brightness(200%);
}
.dropdown-toggle[aria-expanded=true]::after,
.dropdown--toggle[aria-expanded=true]::after {
transform: rotate(180deg) translateY(-1px);
}
.dropdown__label--value {
font-weight: 700;
}
.dropdown-menu--animate {
display: block;
transform: scale(0);
transform-origin: top left;
transition: opacity 0.06s linear 0s, transform 0.24s cubic-bezier(0, 0, 0.2, 1) 0s;
opacity: 0;
pointer-events: none;
}
.dropdown-menu--animate.dropdown-menu-right, .dropdown-menu--animate.dropdown-menu--right {
transform-origin: top right;
}
.dropdown-menu--animate.show {
transform: scale(1);
transition: opacity 0.03s linear 0s, transform 0.12s cubic-bezier(0, 0, 0.2, 1) 0s;
opacity: 1;
pointer-events: all;
}
.card {
--card-spacer-y: var(--space-container-md-padding-x);
--card-spacer-x: var(--space-container-md-padding-x);
--card-title-spacer-y: var(--units-100);
--card-border-width: var(--border-width-default);
--card-border-color: var(--color-border-static-neutral);
--card-border-radius: var(--border-radius-sm);
--card-box-shadow: ;
--card-inner-border-radius: calc(var(--border-radius-sm) - var(--border-width-default));
--card-spacer-y-header-footer: calc(var(--card-spacer-y) * 0.75);
--card-cap-bg: inherit;
--card-cap-color: ;
--card-height: ;
--card-color: ;
--card-bg: var(--color-background-static-subtlest);
--card-title-color: var(--color-text-primary);
--card-title-font-size: var(--h3-font-size);
--card-title-font-weight: 600;
--card-subtitle-color: var(--color-text-tertiary);
display: flex;
position: relative;
flex-direction: column;
min-width: 0;
height: var(--card-height);
border: var(--card-border-width) solid var(--card-border-color);
border-radius: var(--card-border-radius);
background-clip: border-box;
background-color: var(--card-bg);
box-shadow: var(--card-box-shadow);
word-wrap: break-word;
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: var(--card-inner-border-radius) !important;
border-top-right-radius: var(--card-inner-border-radius) !important;
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: var(--card-inner-border-radius) !important;
border-bottom-left-radius: var(--card-inner-border-radius) !important;
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
}
.card-body,
.card__body {
flex: 1 1 auto;
padding: var(--card-spacer-y) var(--card-spacer-x);
color: var(--card-color);
}
.card-title,
.card__title {
margin-bottom: var(--card-title-spacer-y);
color: var(--card-title-color);
font-size: var(--card-title-font-size);
font-weight: var(--card-title-font-weight);
}
.card-title .link,
.card-title .link:visited,
.card-title a,
.card-title a:visited,
.card__title .link,
.card__title .link:visited,
.card__title a,
.card__title a:visited {
color: var(--color-text-primary);
}
.card-title .link:hover,
.card-title a:hover,
.card__title .link:hover,
.card__title a:hover {
color: var(--color-text-primary);
text-decoration: underline;
text-decoration-thickness: 1px;
}
.card-subtitle,
.card__subtitle {
margin: calc(var(--card-title-spacer-y) * -1) 0 var(--card-title-spacer-y);
color: var(--card-subtitle-color);
}
.card-text:last-child,
.card__text:last-child {
margin-bottom: 0;
}
.card-header,
.card__header {
padding: var(--card-spacer-y-header-footer) var(--card-spacer-x);
background-color: var(--card-cap-bg);
color: var(--card-cap-color);
}
.card-header:first-child,
.card__header:first-child {
border-radius: var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0;
}
.card-footer,
.card__footer {
padding: var(--card-spacer-y-header-footer) var(--card-spacer-x);
background-color: var(--card-cap-bg);
color: var(--card-cap-color);
}
.card-footer:last-child,
.card__footer:last-child {
border-radius: 0 0 var(--card-inner-border-radius) var(--card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom,
.card__img,
.card__img-top,
.card__img-bottom {
width: 100%;
}
.card-img,
.card-img-top,
.card__img,
.card__img-top {
border-top-left-radius: var(--card-inner-border-radius) !important;
border-top-right-radius: var(--card-inner-border-radius) !important;
}
.card-img,
.card-img-bottom,
.card__img,
.card__img-bottom {
border-bottom-right-radius: var(--card-inner-border-radius) !important;
border-bottom-left-radius: var(--card-inner-border-radius) !important;
}
.card-xs .card-body,
.card--xs .card-body {
padding: calc(var(--units-200) / 2) calc(var(--units-200) / 1.5);
}
.badge {
--badge-bg-color: transparent;
--badge-font-size: var(--font-size-sm);
--badge-font-weight: 600;
--badge-color: var(--color-text-inverse);
--badge-border-radius: var(--border-radius-sm);
--badge-pill-padding-x: var(--space-badge-padding-x-pill);
--badge-pill-border-radius: 10rem;
display: inline-block;
padding: var(--space-badge-padding-y) var(--space-badge-padding-x);
border: none;
border-radius: var(--badge-border-radius);
color: var(--badge-color);
font-size: var(--badge-font-size);
font-weight: var(--badge-font-weight);
line-height: 1.1;
text-align: center;
vertical-align: baseline;
white-space: nowrap;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: 1px;
}
.badge-pill,
.badge--pill {
padding-inline: var(--badge-pill-padding-x);
border-radius: var(--badge-pill-border-radius);
}
.badge:has(+ .badge) {
margin-inline-end: var(--space-badge-gap-between);
}
.badge-circle,
.badge--circle {
display: inline-grid;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
font-size: 1em;
place-items: center;
}
.badge {
--badge-color: rgba(#000, 0.85);
background-color: var(--badge-bg-color);
}
.badge-primary,
.badge--primary,
.badge-brand,
.badge--brand,
.badge-fix-now,
.badge--fix-now {
--badge-color: var(--color-text-brand-strong);
--badge-bg-color: var(--color-background-static-brand);
}
.badge-neutral,
.badge--neutral,
.badge-source,
.badge--source {
--badge-color: var(--color-text-badge-neutral);
--badge-bg-color: var(--color-background-static-badge-neutral);
}
.badge-closed,
.badge--closed,
.badge-success,
.badge--success,
.badge-fixed,
.badge--fixed {
--badge-color: var(--color-text-success);
--badge-bg-color: var(--color-background-static-success);
}
.badge-danger,
.badge--danger {
--badge-color: var(--color-text-danger);
--badge-bg-color: var(--color-background-static-danger);
}
.badge-alert,
.badge--alert,
.badge-critical,
.badge--critical {
--badge-color: var(--color-text-inverse);
--badge-bg-color: var(--color-background-static-danger-strong);
}
.badge-warning,
.badge--warning {
--badge-color: var(--theme-accent-orange-800);
--badge-bg-color: var(--color-background-static-warning);
}
[data-theme=dark] .badge-warning,
[data-theme=dark] .badge--warning {
--badge-color: var(--color-text-warning) !important;
}
.badge-open,
.badge--open,
.badge-periwinkle,
.badge--periwinkle {
--badge-color: #535fa6;
--badge-bg-color: #dde0ee;
}
.badge-info,
.badge--info {
--badge-color: var(--color-text-info);
--badge-bg-color: var(--color-background-static-info);
}
.badge-dark,
.badge--dark {
--badge-color: var(--color-text-inverse);
--badge-bg-color: var(--color-background-static-inverse-subtle);
}
.badge--fix-later,
.badge-fix-later,
.badge-cyan,
.badge--cyan {
--badge-color: var(--theme-accent-cyan-800);
--badge-bg-color: var(--theme-accent-cyan-200);
}
.badge--to-close,
.badge-to-close,
.badge--olive,
.badge-olive {
--badge-color: var(--theme-accent-olive-900);
--badge-bg-color: var(--theme-accent-olive-300);
}
.badge--orange,
.badge-orange,
.badge--p21,
.badge-p21 {
--badge-color: var(--theme-accent-orange-800);
--badge-bg-color: var(--theme-accent-orange-300);
}
.badge--magenta,
.badge-magenta {
--badge-color: var(--theme-accent-magenta-700);
--badge-bg-color: var(--theme-accent-magenta-200);
}
.card-header .badge {
position: absolute;
top: calc(var(--border-width-default) * -1);
right: calc(var(--border-width-default) * -1);
padding: 0.5rem 0.75rem;
border-radius: 0 var(--border-radius-sm);
}
certara-disclosure {
display: block;
}
.details-arrow {
--arrow-w: 1.14em;
--arrow-h: 0.86em;
border: none;
}
.details-arrow summary {
display: flex;
align-items: center;
border: none;
font-weight: 500;
list-style: none;
cursor: pointer;
}
.details-arrow summary:hover {
text-decoration: underline;
text-decoration-color: currentcolor;
text-underline-offset: 3px;
text-decoration-skip-ink: all;
text-decoration-thickness: 1px;
}
.details-arrow summary::-webkit-details-marker {
display: none;
}
.details-arrow summary::before {
content: "";
display: inline-block;
width: var(--arrow-w);
height: var(--arrow-h);
margin-inline-end: var(--units-50);
transform: rotate(-90deg);
transition: 0.15s;
background-image: var(--icon-chevron-brand);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: var(--arrow-w) var(--arrow-h);
}
.details-arrow--end summary::before {
order: 1;
margin-inline: auto 0;
}
.details-arrow[open] summary::before {
transform: rotate(0);
}
.empty-state {
display: block;
margin-inline: auto;
text-align: center;
}
.empty-state-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: calc(var(--units-200) * 2);
text-align: center;
}
.empty-state__item > * {
margin-top: 0;
}
.empty-state__icon {
color: var(--color-text-secondary);
}
.empty-state__icon--sm {
width: 25px;
font-size: 25px;
}
.empty-state__icon--md {
width: 50px;
font-size: 50px;
}
.empty-state__icon--lg {
width: 100px;
font-size: 100px;
}
.empty-state__img {
display: block;
margin-block-end: var(--units-100);
margin-inline: auto;
}
.empty-state__title {
margin: 0.5rem 0 0.25rem;
color: var(--color-text-secondary);
font-size: var(--font-size-lg);
font-weight: 400;
line-height: var(--line-height-base);
text-wrap: balance;
}
.empty-state__title--no-results {
margin: var(--units-100) auto var(--units-100);
color: var(--color-text-tertiary);
font-size: var(--font-size-base);
font-weight: 400;
line-height: 1.3;
}
.empty-state__title--no-results > span:first-child {
display: block;
margin: var(--units-50) 0;
color: var(--body-color);
font-size: var(--font-size-xl) !important;
font-weight: 600;
}
.empty-state__description {
color: var(--color-text-tertiary);
font-size: var(--font-size-base);
}
.empty-state__description--lg > *, .empty-state__description > * {
margin: 0;
}
.empty-state__description--lg > * + *, .empty-state__description > * + * {
margin-top: var(--units-200);
}
.empty-state__link {
margin-top: var(--units-150);
}
.empty-state__tips-list {
display: inline-block;
margin: 0 auto;
color: var(--body-color);
list-style: disc outside none;
}
.empty-state__tips-list-item {
margin-bottom: calc(var(--units-200) / 4);
line-height: var(--line-height-base);
text-align: left;
}
.empty-state__title--lg,
.empty-state__title:is(h1) {
font-size: var(--h1-font-size);
font-weight: 400;
}
.empty-state--horizontal {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-block: revert;
margin-inline: revert;
text-align: left;
}
.empty-state--horizontal .empty-state__img {
margin-right: var(--units-200);
margin-left: 0;
}
.empty-state--horizontal .empty-state__title {
margin: 0 0 var(--units-100);
color: var(--color-text-secondary);
font-size: 1rem;
font-weight: 400;
line-height: var(--line-height-base);
}
.empty-state--horizontal .empty-state__message {
color: var(--color-text-secondary);
font-size: var(--font-size-base);
}
.icon-hex {
display: flex;
position: relative;
z-index: 0;
align-items: center;
justify-content: center;
width: 57px;
height: 50px;
color: #1c919c;
text-align: center;
}
.icon-hex::after {
content: "";
display: block;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
opacity: 0.2;
background-image: url("/assets/images/icons/hexagon/hex-50px-primary.svg");
background-repeat: no-repeat;
background-position: center;
}
.icon-hex .icon {
font-size: calc(50px / 2);
}
.icon-hex__text {
display: block;
width: 100%;
font-size: 22px;
line-height: 1;
}
.icon-hex__text--sm {
font-size: 10px;
}
.is-disabled--with-cta .icon-hex {
color: var(--color-text-secondary);
}
.is-disabled--with-cta .icon-hex::after {
opacity: 0.12;
background-image: url("/assets/images/icons/hexagon/hex-50px-black.svg");
}
.icon-hex--light {
color: var(--color-text-tertiary);
}
.icon-hex--light::after {
opacity: 1;
background-image: url("/assets/images/icons/hexagon/hex-50px-light-border.svg");
}
.icon:not(certara-icon) {
--size: 1em;
display: inline-block;
flex-shrink: 0;
width: var(--size);
height: var(--size);
fill: currentcolor;
vertical-align: -0.125em;
}
.icon:not(certara-icon).icon-24 {
--size: 1.5rem;
}
.icon:not(certara-icon).icon-20 {
--size: 1.25rem;
}
.icon:not(certara-icon).icon-18 {
--size: 1.125rem;
}
.icon:not(certara-icon).icon-16 {
--size: 1rem;
}
.icon:not(certara-icon).icon-14 {
--size: 0.875rem;
}
.icon:not(certara-icon).icon-12 {
--size: 0.75rem;
}
.icon:not(certara-icon).icon-11 {
--size: 0.6875rem;
}
.content-header {
--content-header-title-color: var(--body-color);
--content-header-title-fontsize: var(--h1-font-size);
display: flex;
flex-wrap: wrap;
align-items: start;
justify-content: space-between;
margin-bottom: 1rem;
}
.content-header__title-group {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.content-header__title,
.content-header h1 {
margin-block-end: 0;
margin-inline-end: calc(var(--units-100) / 2);
color: var(--content-header-title-color);
font-size: var(--content-header-title-fontsize);
font-weight: normal;
}
.content-header__title span,
.content-header h1 span {
display: block;
overflow-wrap: break-word;
max-width: 65ch;
text-overflow: ellipsis;
}
.content-header__details {
display: flex;
flex-basis: 100%;
flex-wrap: nowrap;
margin-block-start: calc(var(--units-100) / 2);
}
.content-header__details > * {
margin: 0;
}
.content-header__right, .content-header .action-buttons {
flex-shrink: 0;
margin-block-start: var(--units-100);
}
@media (min-width: 768px) {
.content-header__right, .content-header .action-buttons {
margin-block-start: 0;
}
}
.content-header__right :not(.btn-group) > .btn + .btn, .content-header__right :not(.btn-group) > certara-button + certara-button, .content-header__right .btn + .dropdown, .content-header .action-buttons :not(.btn-group) > .btn + .btn, .content-header .action-buttons :not(.btn-group) > certara-button + certara-button, .content-header .action-buttons .btn + .dropdown {
margin-inline-start: calc(var(--units-200) / 2);
}
.content-header__right .dropdown, .content-header .action-buttons .dropdown {
display: inline-block;
}
.modal-fullscreen .content-header {
padding: 0;
background: none;
}
.content-header:has(.select2-container) .content-header__title,
.content-header:has(.select2-container) h1 {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
white-space: nowrap !important;
visibility: hidden;
}
.content-header--sticky {
z-index: var(--zindex-sticky);
margin: calc(var(--space-page-padding-y) * -1) calc(var(--space-page-padding-y) * -1) 0;
padding: var(--space-page-padding-y);
background-color: var(--body-bg);
}
.content-header--sticky [type=submit] {
transition: transform 0.35s 0.25s ease-in-out;
}
.content-header--sticky.is-sticky {
position: fixed;
top: 0;
width: calc(100% - 275px);
margin-block: 0;
animation: slideDown 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
opacity: 0.95;
box-shadow: var(--shadow-100);
backdrop-filter: blur(2px);
}
.content-header--sticky.is-sticky [type=submit] {
transform: scale(1.15);
}
@keyframes slideDown {
from {
transform: translateY(-100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 0.95;
}
}
@keyframes progress-bar-stripes {
0% {
background-position-x: 6px;
}
}
@keyframes indeterminate {
0% {
right: 100%;
left: -90%;
}
60% {
right: -90%;
left: 100%;
}
100% {
right: -90%;
left: 100%;
}
}
@keyframes indeterminate-short {
0% {
right: 100%;
left: -200%;
}
60% {
right: -8%;
left: 107%;
}
100% {
right: -8%;
left: 107%;
}
}
.progress-container {
display: block;
}
.progress-container > * {
margin: 0;
}
.progress-container > * + * {
margin-top: var(--units-25);
}
.progress-container:has(.progress--success) {
color: var(--color-text-success);
}
.progress-container:has(.progress--danger) {
color: var(--color-text-danger);
}
.progress {
--progress-height: 6px;
--progress-font-size: var(--font-size-xs);
--progress-bg: var(--color-background-interactive-selected-neutral);
--progress-border-radius: var(--border-radius-sm);
--progress-bar-color: var(--color-background-static-subtlest);
--progress-bar-bg: var(--theme-brand-600);
--progress-bar-transition: width 0.6s ease;
display: flex;
height: var(--progress-height);
overflow: hidden;
border-radius: var(--progress-border-radius);
background-color: var(--progress-bg);
box-shadow: var(--progress-box-shadow);
font-size: var(--progress-font-size);
}
.progress-bar,
.progress__bar {
display: block;
overflow: hidden;
transition: var(--progress-bar-transition);
background-color: var(--progress-bar-bg);
color: var(--progress-bar-color);
text-align: center;
white-space: nowrap;
}
.progress--success .progress-bar,
.progress-bar .progress__bar--success,
.progress--success .progress__bar,
.progress__bar .progress__bar--success {
background-color: var(--theme-success-500);
}
.progress--danger .progress-bar,
.progress-bar .progress__bar--danger,
.progress--danger .progress__bar,
.progress__bar .progress__bar--danger {
background-color: var(--theme-danger-600);
}
.progress--warning .progress-bar,
.progress-bar .progress__bar--warning,
.progress--warning .progress__bar,
.progress__bar .progress__bar--warning {
background-color: var(--theme-warning-700);
}
.progress--dark .progress-bar,
.progress--dark .progress__bar {
background-color: var(--color-background-static-inverse);
}
.progress-bar-striped,
.progress__bar--striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: var(--progress-height) var(--progress-height);
}
.progress-bar-animated,
.progress__bar--animated {
animation: 1s linear infinite progress-bar-stripes;
}
.is-indeterminate {
position: relative;
}
.is-indeterminate .progress-bar, .is-indeterminate .progress__bar {
position: absolute;
width: 50% !important;
height: 100%;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
will-change: left, right;
}
.is-indeterminate::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation-delay: 1.15s;
background-color: var(--progress-bar-bg);
will-change: left, right;
}
.list-bullet {
padding: 0 0 0 1.75rem;
list-style: disc;
}
.list-ordered {
padding: 0 0 0 2.1rem;
list-style: decimal;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-group {
--list-group-color: var(--color-text-primary);
--list-group-bg: var(--color-background-static-subtlest);
--list-group-border-color: transparent;
--list-group-border-width: 0;
--list-group-item-padding-x: 0;
--list-group-item-padding-y: var(--units-100);
--list-group-item-margin: var(--units-200);
--list-group-item-title-fontweight: var(--font-weight-base);
--list-group-disabled-color: var(--theme-neutral-600);
--list-group-disabled-bg: var(--color-background-static-subtlest);
--list-group-active-color: var(--color-background-interactive-control-default);
--list-group-active-bg: var(--color-background-interactive-control-selected);
--list-group-active-border-color: var(--color-background-interactive-control-selected);
display: flex;
flex-direction: column;
margin-bottom: 0;
padding: 0;
list-style-type: none;
}
.list-group__item {
display: flex;
align-items: flex-start;
padding: var(--list-group-item-padding-y) var(--list-group-item-padding-x);
border: var(--list-group-border-width) solid var(--list-group-border-color);
background-color: var(--list-group-bg);
color: var(--list-group-color);
}
.list-group__item + .list-group__item {
margin-top: var(--list-group-item-margin);
}
.list-group__item-title {
font-weight: var(--list-group-item-title-fontweight);
}
.list-group__item-icon {
flex: 0 0 var(--units-400);
width: var(--units-400);
height: var(--units-400);
margin-right: calc(var(--units-200) / 2);
border-radius: var(--border-radius);
background-color: var(--color-background-static-strong);
color: var(--color-text-secondary);
font-size: 1rem;
line-height: var(--units-400);
text-align: center;
}
.list-group__item-status {
font-size: var(--font-size-xs);
word-break: break-word;
}
.list-items {
--list-items-border-top-color: var(--color-border-static-neutral);
--list-items-border-bottom-color: rgba(255, 255, 255, 0.99);
--list-items-border-width: var(--border-width-default);
--list-items-item-padding-x: 0;
--list-items-item-padding-y: calc(var(--units-200) * 0.65);
--list-items-item-title-fontweight: 500;
--list-items-item-description-color: var(--color-text-tertiary);
--list-items-item-description-fontsize: var(--font-size-sm);
margin-bottom: var(--units-200);
padding: 0;
list-style-type: none;
}
.list-items a {
color: var(--body-color);
}
.list-items__item {
position: relative;
margin: 0;
padding: var(--list-items-item-padding-y) var(--list-items-item-padding-x);
}
.list-items__item + .list-items__item::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
height: var(--list-items-border-width);
background: var(--list-items-border-top-color);
}
.list-items__item:first-child {
padding-top: 0;
}
.list-items__item:last-child {
padding-bottom: 0;
}
.list-items__item-container {
display: flex;
align-items: center;
}
.list-items__item-container > span:first-child {
padding-right: 1rem;
}
.list-items__item-title {
display: block;
font-weight: var(--list-items-item-title-fontweight);
line-height: 1.2;
}
.list-items__item-description {
display: block;
flex: 0 0 auto;
color: var(--list-items-item-description-color);
font-size: var(--list-items-item-description-fontsize);
word-break: break-word;
overflow-wrap: break-word;
}
.list-items__item-btn {
margin-left: auto;
}
.list-items__item:hover .list-items__item-title,
.list-items__item:hover .list-items__item-description {
color: #000;
}
.list-items__item:hover .list-items__item-btn {
animation: pulse 0.25s ease-in-out;
}
.popover .list-items .list-items__item-title,
.popover .list-items .list-items__item-description {
max-width: 50ch;
}
.list-items__section:not(:first-of-type) {
margin-top: calc(var(--list-group-item-padding-y) / 2);
padding-top: var(--spacer-250);
border-top: var(--list-group-border-width) solid var(--list-items-border-bottom-color);
}
.list-items__section-title {
font-size: var(--font-size-sm);
font-weight: 700;
text-transform: uppercase;
}
.btn-close,
.btn--close,
.close {
--btn-close-bg-color: transparent;
box-sizing: content-box;
width: 0.85em;
height: 0.85em;
padding: var(--units-100) var(--units-100);
border: var(--border-width-default) solid transparent;
border-radius: 50%;
background: var(--btn-close-bg-color) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='gray-700'%3e%3cpath d='M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z'/%3e%3c/svg%3e") center/0.85em auto no-repeat;
}
.btn-close:hover,
.btn--close:hover,
.close:hover {
--btn-close-bg-color: rgba(0, 0, 0, 0.1);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='gray-1000'%3e%3cpath d='M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z'/%3e%3c/svg%3e");
}
.btn-close:focus,
.btn--close:focus,
.close:focus {
outline: 0;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='gray-600'%3e%3cpath d='M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z'/%3e%3c/svg%3e");
}
.btn-close:focus-visible,
.btn--close:focus-visible,
.close:focus-visible {
box-shadow: 0 0 0 0.25rem rgba(28, 145, 156, 0.5);
}
.btn-close:disabled, .btn-close.disabled,
.btn--close:disabled,
.btn--close.disabled,
.close:disabled,
.close.disabled {
pointer-events: none;
user-select: none;
}
.btn-close [aria-hidden],
.btn-close .sr-only,
.btn--close [aria-hidden],
.btn--close .sr-only,
.close [aria-hidden],
.close .sr-only {
display: none;
}
[data-theme=dark] .btn--close,
[data-theme=dark] .close,
.btn--close-inverse {
filter: invert(1) grayscale(100%) brightness(200%);
}
.dialog-modal__header certara-close-button,
.modal-header :is(.close, .btn-close, .btn--close) {
position: absolute;
top: 0.5rem;
right: 0.5rem;
}
.nav-tabs,
.react-tabs__tab-list {
--nav-tabs-link-padding-x: var(--units-100);
--nav-tabs-link-padding-y: 0.188rem;
--nav-tabs-link-font-weight: ;
--nav-tabs-link-color: var(--color-link-neutral-default);
--nav-tabs-link-bg: var(--color-background-interactive-tab-default);
--nav-tabs-link-bg-hover: var(--color-background-interactive-tab-hovered);
--nav-tabs-link-hover-color: var(--color-link-neutral-hovered);
--nav-tabs-link-disabled-color: var(--color-text-disabled);
--nav-tabs-border-width: var(--border-width-default);
--nav-tabs-border-color: var(--color-border-static-neutral);
--nav-tabs-border-radius: var(--border-radius-sm);
--nav-tabs-link-hover-border-color: var(--color-border-static-neutral-strong);
--nav-tabs-link-active-color: var(--color-link-brand-selected);
--nav-tabs-link-active-bg: var(--color-background-interactive-tab-selected);
--nav-tabs-link-active-border-color: var(--color-border-static-neutral);
display: flex;
flex-wrap: nowrap;
margin-bottom: 0.5rem;
padding-left: 0;
border-bottom: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color);
font-size: var(--nav-tabs-link-font-size);
list-style: none;
}
.panel-container .nav-tabs,
.panel-container .react-tabs__tab-list {
flex-wrap: wrap;
}
.nav-tabs .nav-item, .nav-tabs .react-tabs__tab,
.react-tabs__tab-list .nav-item,
.react-tabs__tab-list .react-tabs__tab {
white-space: nowrap;
}
.nav-tabs .nav-item:has(+ .nav-item), .nav-tabs .nav-item:has(+ .react-tabs__tab), .nav-tabs .react-tabs__tab:has(+ .nav-item), .nav-tabs .react-tabs__tab:has(+ .react-tabs__tab),
.react-tabs__tab-list .nav-item:has(+ .nav-item),
.react-tabs__tab-list .nav-item:has(+ .react-tabs__tab),
.react-tabs__tab-list .react-tabs__tab:has(+ .nav-item),
.react-tabs__tab-list .react-tabs__tab:has(+ .react-tabs__tab) {
margin-right: var(--units-50);
}
.nav-tabs .nav-link, .nav-tabs .react-tabs__tab,
.react-tabs__tab-list .nav-link,
.react-tabs__tab-list .react-tabs__tab {
display: block;
position: relative;
margin-bottom: calc(-1 * var(--nav-tabs-border-width));
padding: var(--nav-tabs-link-padding-y) var(--nav-tabs-link-padding-x);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
border: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color);
background: var(--nav-tabs-link-bg);
color: var(--nav-tabs-link-color);
font-size: var(--nav-tabs-link-font-size);
font-weight: var(--nav-tabs-link-font-weight);
cursor: pointer;
border-top-left-radius: var(--nav-tabs-border-radius) !important;
border-top-right-radius: var(--nav-tabs-border-radius) !important;
}
.nav-tabs .nav-link::before, .nav-tabs .react-tabs__tab::before,
.react-tabs__tab-list .nav-link::before,
.react-tabs__tab-list .react-tabs__tab::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
transform: scaleX(0);
transform-origin: 100% 50%;
transition: transform 0.3s;
background: var(--color-background-static-inverse);
pointer-events: none;
}
.nav-tabs .nav-link:hover, .nav-tabs .react-tabs__tab:hover,
.react-tabs__tab-list .nav-link:hover,
.react-tabs__tab-list .react-tabs__tab:hover {
border-color: var(--nav-tabs-link-hover-border-color);
background: var(--nav-tabs-link-bg-hover);
color: var(--nav-tabs-link-hover-color);
text-decoration: none;
isolation: isolate;
}
.nav-tabs .nav-link:focus, .nav-tabs .react-tabs__tab:focus,
.react-tabs__tab-list .nav-link:focus,
.react-tabs__tab-list .react-tabs__tab:focus {
outline: none;
}
.nav-tabs .nav-link:focus-visible, .nav-tabs .react-tabs__tab:focus-visible,
.react-tabs__tab-list .nav-link:focus-visible,
.react-tabs__tab-list .react-tabs__tab:focus-visible {
box-shadow: 0 0 0 0.25rem rgba(28, 145, 156, 0.5);
}
.nav-tabs .nav-link.disabled, .nav-tabs .react-tabs__tab.disabled,
.react-tabs__tab-list .nav-link.disabled,
.react-tabs__tab-list .react-tabs__tab.disabled {
color: var(--nav-tabs-link-disabled-color);
cursor: default;
pointer-events: none;
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled, .nav-tabs .react-tabs__tab.disabled, .nav-tabs .react-tabs__tab:disabled,
.react-tabs__tab-list .nav-link.disabled,
.react-tabs__tab-list .nav-link:disabled,
.react-tabs__tab-list .react-tabs__tab.disabled,
.react-tabs__tab-list .react-tabs__tab:disabled {
border-color: transparent;
opacity: 0.7;
background-color: transparent;
color: var(--nav-tabs-link-disabled-color);
}
.nav-tabs .nav-link.active::before,
.nav-tabs .nav-link:hover::before,
.react-tabs__tab-list .react-tabs__tab--selected::before,
.react-tabs__tab-list .react-tabs__tab:hover::before {
transform: scaleX(1);
transform-origin: 0% 50%;
}
.nav-tabs .nav-link.active::before,
.react-tabs__tab-list .react-tabs__tab--selected::before {
background: var(--color-border-static-brand-strong);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.react-tabs__tab-list .react-tabs__tab--selected,
.react-tabs__tab-list .react-tabs__tab--selected:hover {
border-color: var(--nav-tabs-link-active-border-color);
background: var(--nav-tabs-link-active-bg);
color: var(--nav-tabs-link-active-color);
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-buttons,
.nav-buttons-panel,
.nav-buttons-panel--vertical {
--nav-buttons-container-bg: var(--color-background-static-strong);
--nav-buttons-container-padding-x: var(--units-50);
--nav-buttons-container-padding-y: var(--units-50);
--nav-buttons-container-border-radius: var(--border-radius-sm);
--nav-tabs-link-padding-x: 0.7rem;
--nav-tabs-link-padding-y: var(--units-100);
--nav-tabs-link-color: var(--color-link-neutral-default);
--nav-tabs-link-bg: var(--color-background-static-strong);
--nav-tabs-link-bg-hover: #ddd;
--nav-tabs-link-hover-color: var(--color-link-brand-hovered);
--nav-tabs-border-width: 0;
--nav-tabs-border-color: transparent;
--nav-tabs-border-radius: var(--border-radius-sm);
--nav-tabs-link-hover-border-color: transparent;
--nav-tabs-link-pseudo-active-bg: rgb(0 0 0 / 0.25);
--nav-tabs-link-active-color: #19838d;
--nav-tabs-link-active-bg: var(--color-background-static-subtlest);
--nav-tabs-link-active-border-color: transparent;
--nav-tabs-link-active-shadow: var(--shadow-200);
display: inline-grid;
grid-auto-columns: 1fr;
grid-auto-flow: column;
gap: var(--nav-buttons-container-padding-x);
margin-bottom: 0;
padding: var(--nav-buttons-container-padding-y) var(--nav-buttons-container-padding-x);
overflow: visible;
border-radius: var(--nav-buttons-container-border-radius);
background-color: var(--nav-buttons-container-bg);
}
.nav-buttons .nav-item,
.nav-buttons-panel .nav-item,
.nav-buttons-panel--vertical .nav-item {
text-align: center;
}
.nav-buttons .nav-item:has(+ .nav-item),
.nav-buttons-panel .nav-item:has(+ .nav-item),
.nav-buttons-panel--vertical .nav-item:has(+ .nav-item) {
margin: 0;
}
.nav-buttons .nav-link,
.nav-buttons-panel .nav-link,
.nav-buttons-panel--vertical .nav-link {
width: 100%;
height: 100%;
margin-bottom: 0;
padding: var(--nav-tabs-link-padding-y) var(--nav-tabs-link-padding-x);
transition: all 0.2s ease-in-out;
border-radius: var(--nav-tabs-border-radius);
}
.nav-buttons .nav-link::before,
.nav-buttons-panel .nav-link::before,
.nav-buttons-panel--vertical .nav-link::before {
display: none;
}
.nav-buttons .nav-link:active,
.nav-buttons-panel .nav-link:active,
.nav-buttons-panel--vertical .nav-link:active {
background-color: var(--nav-tabs-link-pseudo-active-bg);
}
.nav-buttons .nav-link.active, .nav-buttons .nav-link.active:hover,
.nav-buttons-panel .nav-link.active,
.nav-buttons-panel .nav-link.active:hover,
.nav-buttons-panel--vertical .nav-link.active,
.nav-buttons-panel--vertical .nav-link.active:hover {
box-shadow: var(--nav-tabs-link-active-shadow);
}
.nav-buttons--inverse,
.nav-buttons-panel--inverse,
.nav-buttons-panel--vertical--inverse {
--nav-buttons-container-bg: var(--theme-neutral-700);
--nav-tabs-link-color: var(--color-text-inverse);
--nav-tabs-link-hover-color: #ddd;
--nav-tabs-link-bg: transparent;
--nav-tabs-link-bg-hover: var(--theme-neutral-800);
--nav-tabs-link-pseudo-active-bg: #000;
}
.nav-buttons--sm,
.nav-buttons-panel--sm,
.nav-buttons-panel--vertical--sm {
--nav-buttons-container-padding-x: calc(var(--units-50) / 2);
--nav-buttons-container-padding-y: calc(var(--units-50) / 2);
--nav-tabs-link-padding-y: calc(var(--units-100) / 2);
}
.nav-buttons--sm .nav-link,
.nav-buttons-panel--sm .nav-link,
.nav-buttons-panel--vertical--sm .nav-link {
font-size: var(--font-size-xs);
font-weight: 600;
}
.nav-buttons-panel {
--nav-tabs-border-color: var(--color-border-static-neutral);
--nav-tabs-border-radius: none;
--nav-tabs-link-active-color: #111;
--nav-tabs-link-hover-color: var(--nav-tabs-link-active-color);
--nav-tabs-border-width: var(--border-width);
display: grid;
padding: 0;
border: none;
background: transparent;
gap: 0;
}
.nav-buttons-panel .nav-item {
border-radius: 0;
font-size: var(--nav-tabs-link-font-size);
}
.nav-buttons-panel .nav-link {
border: none;
border-bottom: 1px solid var(--nav-tabs-border-color);
border-radius: 0;
background-color: var(--nav-tabs-link-bg);
}
.nav-buttons-panel .nav-item:not(:last-child) .nav-link,
.nav-buttons-panel .nav-link:has(+ .nav-link) {
border-right: 1px solid var(--nav-tabs-border-color);
}
.nav-buttons-panel .nav-link.active {
--nav-tabs-link-font-weight: 600;
border-bottom-color: transparent;
background-color: var(--color-background-static-subtle);
box-shadow: none;
}
.nav-buttons-panel .nav-link.active:hover {
background-color: var(--color-background-static-subtle);
box-shadow: none !important;
}
.nav-buttons-panel--vertical {
--nav-buttons-container-padding-y: var(--units-150);
--nav-buttons-container-padding-x: var(--units-150);
--nav-tabs-border-radius: var(--border-radius-sm);
--nav-tabs-border-width: var(--border-width);
--nav-tabs-link-font-weight: 400;
--nav-tabs-link-bg: transparent;
--nav-tabs-link-bg-hover: var(--color-background-interactive-selected-brand);
--nav-tabs-link-active-color: #19838d;
--nav-tabs-link-active-bg: var(--color-background-interactive-selected-brand);
--nav-tabs-link-active-border-color: var(--color-border-static-brand);
--nav-tabs-link-active-shadow: none;
--nav-tabs-link-padding-x: var(--units-100);
--nav-tabs-link-padding-y: var(--units-100);
--nav-tabs-link-font-weight: 400;
--nav-tabs-link-active-color: #19838d;
--nav-tabs-link-active-bg: var(--color-background-interactive-selected-brand);
--nav-tabs-link-active-border-color: var(--color-border-static-brand);
--nav-tabs-link-active-shadow: none;
--nav-tabs-link-font-size: var(--font-size-xs);
--nav-tabs-link-active-shadow: none;
display: flex;
flex-direction: column;
gap: var(--units-75);
}
.nav-buttons-panel--vertical .nav-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: none;
line-height: 1;
gap: var(--units-75);
}
.nav-buttons-panel--vertical .nav-link .tab-notification-overlay {
position: absolute;
top: 1px;
right: 15%;
}
.nav-buttons-panel--vertical .nav-link.active:hover {
background-color: var(--color-background-interactive-selected-brand-hovered);
}
.nav-buttons-panel--vertical .nav-link:active {
background-color: var(--color-background-interactive-selected-brand);
}
.modal {
--modal-zindex: var(--zindex-modal);
--modal-width: var(--size-modal-md);
--modal-padding: var(--space-container-md-padding-x);
--modal-margin: var(--units-100);
--modal-color: var(--color-text-primary);
--modal-bg: var(--color-background-static-subtle);
--modal-border-color: var(--color-border-static-neutral-strong);
--modal-border-width: var(--border-width-default);
--modal-border-radius: var(--border-radius-md);
--modal-box-shadow: var(--shadow-200);
--modal-inner-border-radius: calc(var(--border-radius-md) - var(--border-width-default));
--modal-header-bg: var(--color-background-static-strong);
--modal-header-padding-x: var(--space-container-md-padding-x);
--modal-header-padding-y: var(--space-container-md-padding-y);
--modal-header-border-color: var(--color-border-static-neutral-strong);
--modal-header-border-width: var(--border-width-default);
--modal-title-color: var(--color-text-primary);
--modal-title-line-height: 1.1;
--modal-footer-gap: var(--units-100);
--modal-footer-bg: var(--color-background-static-subtle);
--modal-footer-border-color: #cdcdcd;
--modal-footer-border-width: 0;
display: none;
position: fixed;
z-index: var(--modal-zindex);
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden auto;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: var(--modal-margin);
pointer-events: none;
}
.modal.fade .modal-dialog {
transform: translate(0, -50px);
transition: all 0.3s ease-out;
}
.modal.show .modal-dialog {
transform: none;
}
.modal.modal-static .modal-dialog {
transform: scale(1.02);
}
.modal-dialog-scrollable {
height: calc(100% - var(--modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - var(--modal-margin) * 2);
}
.modal-content {
display: flex;
position: relative;
flex-direction: column;
width: 100%;
border: var(--modal-border-width) solid var(--modal-border-color);
border-radius: var(--modal-border-radius);
outline: 0;
background-clip: padding-box;
background-color: var(--modal-bg);
box-shadow: var(--modal-box-shadow);
color: var(--modal-color);
pointer-events: auto;
}
.modal-backdrop {
--backdrop-zindex: var(--zindex-modal-backdrop);
--backdrop-bg: #000;
--backdrop-opacity: 0.5;
position: fixed;
z-index: var(--backdrop-zindex);
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: var(--backdrop-bg);
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: var(--backdrop-opacity);
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: var(--modal-header-padding-y) var(--modal-header-padding-x);
border-bottom: var(--modal-header-border-width) solid var(--modal-header-border-color);
background-color: var(--modal-header-bg);
font-size: var(--font-size-base);
border-top-left-radius: var(--modal-inner-border-radius) !important;
border-top-right-radius: var(--modal-inner-border-radius) !important;
}
.modal-header :is(h1, h2, h3, h4, h5, h6) {
margin: 0;
}
.modal-title {
margin-bottom: 0;
color: var(--modal-title-color);
font-size: 1rem;
font-weight: 700;
line-height: var(--modal-title-line-height);
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: var(--modal-padding);
}
.modal-footer {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: calc(var(--modal-padding) - var(--modal-footer-gap) * 0.5);
border-top: var(--modal-footer-border-width) solid var(--modal-footer-border-color);
border-top-left-radius: var(--modal-inner-border-radius);
border-top-right-radius: var(--modal-inner-border-radius);
background-color: var(--modal-footer-bg);
}
.modal-body + .modal-footer {
padding-top: 0;
}
.modal-body .modal-footer {
padding: var(--modal-padding) 0 0 0;
}
.modal-footer > * {
margin: 0;
}
.modal-footer .btn + .btn, .modal-footer .btn + certara-button, .modal-footer certara-button + .btn, .modal-footer certara-button + certara-button {
margin-left: var(--modal-footer-gap);
}
.modal-footer .link {
margin-right: auto;
}
@media (min-width: 576px) {
.modal {
--modal-margin: 1.75rem;
--modal-box-shadow: var(--shadow-400);
}
.modal-dialog {
max-width: var(--modal-width);
margin-right: auto;
margin-left: auto;
}
.modal-sm,
.modal--sm {
--modal-width: var(--size-modal-sm);
}
}
@media (min-width: 992px) {
.modal-lg,
.modal--lg,
.modal-xl,
.modal--xl {
--modal-width: var(--size-modal-lg);
}
}
@media (min-width: 1200px) {
.modal-xl,
.modal--xl {
--modal-width: var(--size-modal-xl);
}
}
.modal-fullscreen,
.modal--fullscreen {
--modal-title-color: var(--color-text-primary);
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen.show ~ .modal-backdrop.show,
.modal--fullscreen.show ~ .modal-backdrop.show {
display: none;
}
.modal-fullscreen .modal-dialog,
.modal--fullscreen .modal-dialog {
max-width: 100%;
margin: 0;
}
.modal-fullscreen.fade .modal-dialog,
.modal--fullscreen.fade .modal-dialog {
transform: translate(0, 25%);
transition: transform 0.5s ease-in-out;
}
.modal-fullscreen.show .modal-dialog,
.modal--fullscreen.show .modal-dialog {
transform: translate(0, 0);
}
.modal-fullscreen .modal-content,
.modal--fullscreen .modal-content {
height: 100vh;
overflow-y: auto;
border: 0;
border-radius: 0;
}
.modal-fullscreen .modal-content .modal-header, .modal-fullscreen .modal-content .modal-footer,
.modal--fullscreen .modal-content .modal-header,
.modal--fullscreen .modal-content .modal-footer {
border: none;
background: none;
}
.modal-fullscreen .modal-header,
.modal--fullscreen .modal-header {
display: flex;
padding-bottom: 0;
}
.modal-fullscreen .modal-title,
.modal--fullscreen .modal-title {
margin: 0 0 0.25rem;
overflow: hidden;
color: var(--color-text-primary);
font-size: 1.75rem;
font-weight: normal;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
}
.modal-fullscreen .modal-body,
.modal--fullscreen .modal-body {
overflow-y: auto;
}
.tooltip {
--tooltip-zindex: var(--zindex-tooltip);
--tooltip-padding-x: var(--units-100);
--tooltip-padding-y: calc(var(--units-200) * 0.25);
--tooltip-margin: ;
--tooltip-font-size: var(--font-size-sm);
--tooltip-color: var(--color-text-inverse);
--tooltip-bg: var(--color-background-static-inverse);
--tooltip-border-radius: var(--border-radius-sm);
--tooltip-opacity: 1;
--tooltip-arrow-width: 0.8rem;
--tooltip-arrow-height: 0.4rem;
display: block;
position: absolute;
z-index: var(--tooltip-zindex);
margin: var(--tooltip-margin);
padding: var(--tooltip-arrow-height);
opacity: 0;
font-size: var(--tooltip-font-size);
word-wrap: break-word;
font-family: var(--font-sans-serif);
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-height: var(--line-height-base);
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
}
.tooltip.show {
opacity: var(--tooltip-opacity);
}
.tooltip .arrow {
display: block;
position: absolute;
width: var(--tooltip-arrow-width);
height: var(--tooltip-arrow-height);
}
.tooltip .arrow::before {
content: "";
position: absolute;
border-style: solid;
border-color: transparent;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
top: -1px;
border-width: var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0;
border-top-color: var(--tooltip-bg);
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
left: 0;
width: var(--tooltip-arrow-height);
height: var(--tooltip-arrow-width);
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
right: -1px;
border-width: calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0;
border-right-color: var(--tooltip-bg);
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
bottom: -1px;
border-width: 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height);
border-bottom-color: var(--tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
right: 0;
width: var(--tooltip-arrow-height);
height: var(--tooltip-arrow-width);
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
left: -1px;
border-width: calc(var(--tooltip-arrow-width) * 0.5) 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height);
border-left-color: var(--tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
max-width: var(--size-tooltip-max-width);
padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
border-radius: var(--tooltip-border-radius);
background-color: var(--tooltip-bg);
color: var(--tooltip-color);
text-align: center;
}
.popover {
--popover-zindex: var(--zindex-popover);
--popover-font-size: var(--font-size-base);
--popover-bg: var(--color-background-static-subtlest);
--popover-border-width: var(--border-width-default);
--popover-border-color: var(--color-border-static-neutral-strong);
--popover-border-radius: var(--border-radius-sm);
--popover-inner-border-radius: calc(var(--border-radius-sm) - var(--border-width-default));
--popover-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
--popover-header-padding-x: var(--units-200);
--popover-header-padding-y: var(--units-100);
--popover-header-color: var(--body-color);
--popover-header-bg: var(--color-background-static-strong);
--popover-body-padding-x: var(--units-200);
--popover-body-padding-y: 0.75rem;
--popover-body-color: var(--body-color);
--popover-arrow-width: 18px;
--popover-arrow-height: 9px;
--popover-arrow-border: var(--popover-border-color);
--popover-header-font-size: var(--font-size-md);
--popover-header-font-weight: 600;
--popover-width: var(--size-popover-width);
display: block;
z-index: var(--popover-zindex);
width: min(var(--popover-width), 90%);
border: var(--popover-border-width) solid var(--popover-border-color);
border-radius: var(--popover-border-radius);
background-clip: padding-box;
background-color: transparent;
box-shadow: var(--popover-box-shadow);
font-size: var(--popover-font-size);
word-wrap: break-word;
isolation: isolate;
font-family: var(--font-sans-serif);
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-height: var(--line-height-base);
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
}
.popover--lg {
--popover-width: var(--size-popover-max-width);
}
.popover--sm {
--popover-width: var(--size-popover-min-width);
}
.popover .arrow, .popover .popover-arrow {
display: block;
position: absolute;
z-index: 2;
width: var(--popover-arrow-width);
height: var(--popover-arrow-height);
margin: 0 var(--popover-border-radius) !important;
}
.popover .arrow::before, .popover .arrow::after, .popover .popover-arrow::before, .popover .popover-arrow::after {
content: "";
display: block;
position: absolute;
border-style: solid;
border-color: transparent;
}
.bs-popover-top > .arrow, .bs-popover-auto[data-popper-placement^=top] > .arrow,
.bs-popover-top > .popover-arrow,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
bottom: calc(-1 * (var(--popover-arrow-height)));
}
.bs-popover-top > .arrow::before, .bs-popover-auto[data-popper-placement^=top] > .arrow::before, .bs-popover-top > .arrow::after, .bs-popover-auto[data-popper-placement^=top] > .arrow::after,
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
border-width: var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .arrow::before, .bs-popover-auto[data-popper-placement^=top] > .arrow::before,
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
bottom: 0;
border-top-color: var(--popover-arrow-border);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[data-popper-placement^=top] > .arrow::after,
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
bottom: var(--popover-border-width);
border-top-color: var(--popover-bg);
}
.bs-popover-right > .arrow, .bs-popover-auto[data-popper-placement^=right] > .arrow,
.bs-popover-right > .popover-arrow,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow,
.bs-popover-end > .arrow,
.bs-popover-end > .popover-arrow {
left: calc(-1 * (var(--popover-arrow-width)) + var(--popover-border-width) * 6);
width: var(--popover-arrow-height);
height: var(--popover-arrow-width);
}
.bs-popover-right > .arrow::before, .bs-popover-auto[data-popper-placement^=right] > .arrow::before, .bs-popover-right > .arrow::after, .bs-popover-auto[data-popper-placement^=right] > .arrow::after,
.bs-popover-right > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-right > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-end > .arrow::before,
.bs-popover-end > .arrow::after,
.bs-popover-end > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after {
border-width: calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[data-popper-placement^=right] > .arrow::before,
.bs-popover-right > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .arrow::before,
.bs-popover-end > .popover-arrow::before {
left: 0;
border-right-color: var(--popover-arrow-border);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[data-popper-placement^=right] > .arrow::after,
.bs-popover-right > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-end > .arrow::after,
.bs-popover-end > .popover-arrow::after {
left: var(--popover-border-width);
border-right-color: var(--popover-bg);
}
.bs-popover-bottom > .arrow, .bs-popover-auto[data-popper-placement^=bottom] > .arrow,
.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
top: calc(-1 * (var(--popover-arrow-height)));
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .arrow::before, .bs-popover-bottom > .arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .arrow::after,
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
border-width: 0 calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .arrow::before,
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
top: 0;
border-bottom-color: var(--popover-arrow-border);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .arrow::after,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
top: var(--popover-border-width);
border-bottom-color: var(--popover-bg);
}
.bs-popover-bottom:has(.popover-header) > .arrow::after, .bs-popover-auto[data-popper-placement^=bottom]:has(.popover-header) > .arrow::after,
.bs-popover-bottom:has(.popover-header) > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]:has(.popover-header) > .popover-arrow::after {
border-bottom-color: var(--popover-header-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
width: var(--popover-arrow-width);
margin-left: calc(-0.5 * var(--popover-arrow-width));
border-bottom: var(--popover-border-width) solid var(--popover-header-bg);
}
.bs-popover-left > .arrow, .bs-popover-auto[data-popper-placement^=left] > .arrow,
.bs-popover-start > .arrow {
right: calc(-1 * (var(--popover-arrow-width)) + var(--popover-border-width) * 6);
width: var(--popover-arrow-height);
height: var(--popover-arrow-width);
}
.bs-popover-left > .arrow::before, .bs-popover-auto[data-popper-placement^=left] > .arrow::before, .bs-popover-left > .arrow::after, .bs-popover-auto[data-popper-placement^=left] > .arrow::after,
.bs-popover-start > .arrow::before,
.bs-popover-start > .arrow::after {
border-width: calc(var(--popover-arrow-width) * 0.5) 0 calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height);
}
.bs-popover-left > .arrow::before, .bs-popover-auto[data-popper-placement^=left] > .arrow::before,
.bs-popover-start > .arrow::before {
right: 0;
border-left-color: var(--popover-arrow-border);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[data-popper-placement^=left] > .arrow::after,
.bs-popover-start > .arrow::after {
right: var(--popover-border-width);
border-left-color: var(--popover-bg);
}
.popover-header {
margin-bottom: 0;
padding: var(--popover-header-padding-y) var(--popover-header-padding-x);
border-bottom: var(--popover-border-width) solid var(--popover-border-color);
background-color: var(--popover-header-bg);
color: var(--popover-header-color);
font-size: var(--popover-header-font-size);
font-weight: var(--popover-header-font-weight);
border-top-left-radius: var(--popover-inner-border-radius) !important;
border-top-right-radius: var(--popover-inner-border-radius) !important;
}
.popover-header:empty {
display: none;
}
.popover-body {
position: relative;
z-index: 1;
padding: var(--popover-body-padding-y) var(--popover-body-padding-x);
border-radius: var(--popover-inner-border-radius);
background-color: var(--popover-bg);
color: var(--popover-body-color);
}
.toggle {
--height: 1.5rem;
--width: 9.375rem;
--padding: 3px;
--color: var(--color-text-primary);
--activeColor: #167880;
--bgColor: #ddd;
position: relative;
min-width: var(--width);
border-radius: 0.25rem;
background-color: var(--bgColor);
isolation: isolate;
}
.toggle__input {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
white-space: nowrap !important;
}
.toggle__input + .toggle__label {
display: flex;
position: relative;
margin: 0;
cursor: pointer;
}
.toggle__label-wrapper {
display: flex;
flex-wrap: nowrap;
}
.toggle__label-text {
display: flex;
position: relative;
z-index: 3;
flex: 1;
align-items: center;
justify-content: center;
min-width: calc(var(--width) / 2);
height: var(--height);
transition: color 0.25s ease-in;
color: var(--color);
font-size: 0.7rem;
font-weight: 500;
}
.toggle__label-text:active {
transform: translate(1px, 1px);
outline: 1px solid var(--activeColor);
outline-offset: -2px;
}
.toggle__label-text::before, .toggle__label-text::after {
content: "";
display: block;
position: absolute;
z-index: -1;
border-radius: 0.175rem;
inset: var(--padding);
}
.toggle__label-text::before {
display: none;
transform: scale(0);
animation: ripple-hover 0.25s cubic-bezier(0, 0, 0.2, 1) forwards;
opacity: 0;
background: rgba(255, 255, 255, 0.5);
}
.toggle__label-text::after {
display: none;
transform: scale(0);
opacity: 0;
background: rgba(255, 255, 255, 0.5);
}
.toggle__label-text:hover::after {
transform: scale(1);
opacity: 1;
background: var(--bgColor);
box-shadow: 0 0 1px var(--activeColor);
}
.toggle__label-text:not(.toggle__label-text--default):hover::before {
display: block;
}
.toggle__label-text:not(.toggle__label-text--default):hover::after {
display: block;
}
.toggle__label-text:active::after {
animation: ripple-active 0.65s cubic-bezier(0, 0, 0.2, 1);
}
@keyframes ripple-hover {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1.2, 1.75);
opacity: 0.15;
background-color: var(--activeColor);
}
}
@keyframes ripple-active {
0% {
transform: scale(0);
opacity: 0.45;
}
100% {
transform: scale(2.4, 3.5);
opacity: 0;
}
}
.toggle__label-text--default {
color: var(--activeColor);
}
.toggle__input + .toggle__label::before,
.toggle__input + .toggle__label::after {
content: "";
position: absolute;
height: var(--height);
transition: all 0.35s ease;
}
.toggle__input + .toggle__label::after {
content: "";
display: block;
position: absolute;
z-index: 2;
top: var(--padding);
left: var(--padding);
width: calc(50% - var(--padding) * 1);
height: calc(var(--height) - var(--padding) * 2);
transition: left 0.25s ease-out;
border-radius: 0.175rem;
background-color: #fff;
}
.toggle__input:checked + .toggle__label::after {
left: 50%;
}
.toggle__input:checked + .toggle__label .toggle__label-text {
color: var(--activeColor);
}
.toggle__input:checked + .toggle__label .toggle__label-text:hover::before {
display: none;
}
.toggle__input:checked + .toggle__label .toggle__label-text:hover::after {
display: none;
}
.toggle__input:checked + .toggle__label .toggle__label-text--default {
color: var(--color);
}
.toggle__input:checked + .toggle__label .toggle__label-text--default:hover::before {
display: block;
}
.toggle__input:checked + .toggle__label .toggle__label-text--default:hover::after {
display: block;
}
.toggle [type=checkbox][disabled] + .toggle__label {
opacity: 0.5;
}
.toggle [type=checkbox][disabled]:hover + .toggle__label-text::before {
display: none !important;
color: var(--color) !important;
}
.widget-box__link, .widget-box__heading {
margin: 0;
padding: 0;
font-size: var(--widget-box-title-fontsize);
font-weight: var(--widget-box-title-fontweight);
line-height: var(--widget-box-title-lineheight);
}
.widget-box {
--widget-box-margin-bottom: var(--space-container-md-gap-outside);
--widget-box-spacer-y: var(--space-container-md-padding-y);
--widget-box-spacer-x: var(--space-container-md-padding-x);
--widget-box-bg: var(--color-background-static-subtle);
--widget-box-shadow: var(--shadow-100);
--widget-box-border-size: var(--border-width-default);
--widget-box-border-style: solid;
--widget-box-border-color: var(--color-border-static-neutral);
--widget-box-title-bg: var(--color-background-static-strong);
--widget-box-title-padding-y: var(--space-container-md-padding-x);
--widget-box-title-padding-x: 0.625rem;
--widget-box-link-hover-decoration: underline;
--widget-box-stat-image-height: 26px;
--widget-box-title-fontsize: var(--font-size-md);
--widget-box-title-fontweight: 600;
--widget-box-title-lineheight: 1.3;
--widget-box-footer-bg: var(--color-background-static-subtlest);
--widget-box-footer-padding-y: 0.75rem;
--widget-box-footer-padding-x: var(--space-container-md-padding-x);
margin-bottom: var(--widget-box-margin-bottom);
border-block-start: var(--widget-box-border-size) var(--widget-box-border-style) var(--widget-box-border-color);
background-color: var(--widget-box-bg);
box-shadow: var(--widget-box-shadow);
}
.widget-box__title {
display: flex;
align-items: center;
padding: var(--widget-box-spacer-y) var(--widget-box-spacer-x);
border-bottom: var(--widget-box-border-size) var(--widget-box-border-style) var(--widget-box-border-color);
background-color: var(--widget-box-title-bg);
color: var(--color-text-primary);
}
.widget-box__title > .icon {
margin-right: var(--units-200);
color: var(--color-icon-neutral);
}
.widget-box__title:has(.nav-tabs) {
--widget-box-spacer-y: var(--units-100);
}
.widget-box__heading {
color: inherit;
}
.widget-box__content {
position: relative;
flex: 1 1 auto;
padding: var(--widget-box-spacer-y) var(--widget-box-spacer-x);
}
.widget-box--flush .widget-box__content {
padding: 0;
}
.widget-box__footer {
padding: var(--widget-box-footer-padding-y) var(--widget-box-footer-padding-x);
border-top: var(--border-width-default) solid var(--widget-box-border-color);
background-color: var(--widget-box-footer-bg);
}
.widget-box__link {
display: flex;
margin: 0 calc(var(--widget-box-spacer-x) * -1);
margin-left: auto;
padding: var(--widget-box-spacer-y) var(--widget-box-spacer-x);
transition: all 0.2s ease-in-out;
border-bottom: var(--widget-box-border-size) var(--widget-box-border-style) var(--widget-box-border-color);
color: var(--body-color);
line-height: 1.3;
}
.widget-box__link:first-of-type {
margin-top: calc(var(--widget-box-spacer-y) * -1);
}
.widget-box__link:last-of-type {
margin-bottom: calc(var(--widget-box-spacer-y) * -1);
border-bottom: none;
}
.widget-box__link-title {
font-size: var(--font-size-base);
font-weight: 700;
}
.widget-box__link-description {
color: var(--color-text-tertiary);
}
.widget-box__link-meta {
margin-left: auto;
color: var(--color-text-tertiary);
}
.widget-box__link:hover {
background-color: var(--color-background-interactive-table-hovered);
color: var(--black);
cursor: pointer;
}
.widget-box__link:hover .widget-box__link-title {
text-decoration: var(--widget-box-link-hover-decoration);
}
.widget-box__link:hover .widget-box__link-description {
color: var(--color-text-secondary);
}
.widget-box__link:hover .widget-box__link-meta {
color: var(--color-text-secondary);
text-decoration: var(--widget-box-link-hover-decoration);
}
.widget-box__link:disabled,
.widget-box__link.disabled {
opacity: 0.4;
text-decoration: none;
pointer-events: none;
}
:root {
--circle-size-xxs: 0.5rem;
--circle-size-xs: 0.8125rem;
--circle-size-sm: 1.5rem;
--circle-size-md: 2rem;
--circle-size-lg: 3rem;
--circle-size-xl: 4rem;
--circle-size-2xl: 5rem;
}
.circle {
--size: var(--circle-size-md);
display: inline-grid;
flex-shrink: 0;
width: var(--size);
height: var(--size);
border-radius: 50%;
line-height: 1;
place-items: center;
}
.circle--shadow {
box-shadow: var(--btn-box-shadow);
}
.circle--xxs {
--size: var(--circle-size-xxs);
}
.circle--xs {
--size: var(--circle-size-xs);
}
.circle--sm {
--size: var(--circle-size-sm);
}
.circle--md {
--size: var(--circle-size-md);
}
.circle--lg {
--size: var(--circle-size-lg);
}
.circle--xl {
--size: var(--circle-size-xl);
}
.circle--2xl {
--size: var(--circle-size-2xl);
}
.comment-count {
display: inline-grid;
place-items: center;
width: 21px;
height: 21px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3e%3cpath fill='%23bababa' d='M10.5 3.25C5.38281 3.25 1.75 6.57031 1.75 10.125C1.75 11.6094 2.33594 12.8984 3.3125 14.0312C3.50781 14.3047 3.625 14.6172 3.58594 14.9688C3.46875 16.0234 3.15625 17.0391 2.57031 17.9766C2.57031 18.0156 2.53125 18.0156 2.53125 18.0547C2.96094 17.9375 3.39062 17.7812 3.78125 17.625L4.05469 18.1719L3.78125 17.625C4.44531 17.3125 5.07031 16.9609 5.69531 16.5312C6.00781 16.2969 6.4375 16.2578 6.82812 16.375C8.03906 16.8047 9.25 17 10.5 17C15.5781 17 19.25 13.7188 19.25 10.125C19.25 6.57031 15.5781 3.25 10.5 3.25ZM0.5 10.125C0.5 5.67188 4.95312 2 10.5 2C16.0078 2 20.5 5.67188 20.5 10.125C20.5 14.6172 16.0078 18.25 10.5 18.25C9.09375 18.25 7.72656 18.0156 6.4375 17.5859C6.4375 17.5469 6.39844 17.5859 6.39844 17.5859C5.73438 18.0156 5.03125 18.4453 4.28906 18.7578C3.35156 19.1875 2.21875 19.5 1.125 19.5C0.851562 19.5 0.617188 19.3828 0.539062 19.1484C0.421875 18.9141 0.5 18.6406 0.65625 18.4453C0.96875 18.1328 1.24219 17.7422 1.51562 17.3125C1.98438 16.5703 2.25781 15.75 2.33594 14.8516C1.24219 13.5625 0.5 11.9609 0.5 10.125Z' /%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: 50% 50%;
color: var(--theme-neutral-300);
font-size: 11px;
font-weight: 600;
}
#sidebar-overlay {
display: none;
position: fixed;
z-index: -1;
inset: 0;
}
#sidebar {
display: flex;
position: fixed;
z-index: calc(var(--zindex-modal-backdrop) - 1);
top: 0;
bottom: 0;
left: 0;
line-height: 1.5;
}
.hide-sidebar #sidebar {
display: none;
}
#sidebar hr {
width: 100%;
margin-block: 0.25rem;
border-color: var(--color-border-static-neutral);
opacity: 1;
}
#sidebar .tooltip-inner {
max-width: 400px;
white-space: nowrap;
}
#sidebar nav {
display: flex;
position: relative;
flex-direction: column;
justify-content: space-between;
width: 64px;
padding: 24px 0.625rem 20px;
transition: width 500ms cubic-bezier(0.2, 0, 0, 1) 0s;
}
#sidebar nav .menu,
#sidebar nav .submenu {
display: none;
flex-direction: column;
margin-bottom: 0;
padding-left: 0;
list-style: none outside none;
}
#sidebar nav .menu .menu-title,
#sidebar nav .submenu .menu-title {
padding: 0 0.625rem 4px;
color: var(--theme-neutral-300);
font-size: 0.825rem;
font-weight: 600;
letter-spacing: 0.75px;
line-height: 44px;
text-transform: uppercase;
white-space: nowrap;
}
#sidebar nav .menu .notifications,
#sidebar nav .submenu .notifications {
position: absolute;
top: 4px;
left: 20px;
}
#sidebar nav .menu .notifications.label,
#sidebar nav .submenu .notifications.label {
padding: 0.25em 0.4em;
border-radius: 4px;
}
#sidebar nav .submenu {
position: absolute;
top: 0;
left: 0;
width: fit-content;
padding: 12px 8px;
border-radius: 3px;
background-color: var(--color-background-static-neutral);
box-shadow: rgba(9, 30, 66, 0.25) 0 4px 8px -2px, rgba(9, 30, 66, 0.31) 0 0 1px;
}
#sidebar nav .submenu li {
margin: 0;
padding: 0;
}
#sidebar nav .submenu a,
#sidebar nav .submenu button {
display: block;
width: 100%;
min-height: 0;
margin: 0;
padding: var(--units-75) var(--units-100);
color: var(--body-color);
text-align: left;
white-space: nowrap;
}
#sidebar nav .menu.active {
display: flex;
}
#sidebar nav .submenu.active {
display: flex;
z-index: 2;
}
#sidebar nav .submenu.active .submenu-title {
padding: 0 0.65rem 0.35rem;
color: var(--color-text-secondary);
font-size: var(--font-size-sm);
font-weight: 600;
text-transform: uppercase;
white-space: nowrap;
}
#sidebar nav .sidebar-contextual__list {
display: flex;
position: absolute;
left: -110%;
transition: all 0.3s ease-in-out;
}
#sidebar nav .sidebar-contextual__list.has-back-btn {
left: 110%;
}
#sidebar nav .sidebar-contextual__list.active {
left: 0.625rem;
}
#sidebar nav.not-on-validation .sidebar-contextual__list {
display: none;
position: relative;
left: 0;
}
#sidebar nav.not-on-validation .sidebar-contextual__list.active {
display: block;
}
.collapsed .sidebar-contextual__list {
width: 44px;
}
#sidebar nav.collapsed.showing-global-menu .sidebar-contextual__list {
left: -400%;
}
#sidebar nav#sidebar-contextual.showing-global-menu .has-back-btn {
display: none;
left: 0.625rem;
}
#sidebar nav#sidebar-contextual.showing-global-menu .has-back-btn.active {
display: flex;
}
#sidebar nav #sidebar-global-secondary {
position: relative;
}
#sidebar nav #sidebar-contextual-messages.submenu {
transform: translate3d(48px, -80px, 0);
}
#sidebar nav #sidebar-contextual-help.submenu {
transform: translate3d(48px, -140px, 0);
}
#sidebar nav #sidebar-contextual-profile.submenu {
transform: translate3d(48px, -50px, 0);
}
#sidebar nav li.active a,
#sidebar nav li.active button {
position: relative;
background: rgba(255, 255, 255, 0.15);
}
#sidebar nav li {
padding: 4px 0;
overflow: hidden;
}
#sidebar nav li a,
#sidebar nav li button {
display: flex;
align-items: center;
min-height: 36px;
padding: 0 var(--units-150);
border-width: 0;
border-radius: 3px;
color: #fff;
white-space: nowrap;
cursor: pointer;
}
#sidebar nav li a:not(.disabled):hover,
#sidebar nav li button:not(.disabled):hover {
background-color: rgba(255, 255, 255, 0.25);
}
#sidebar nav li a:not(.disabled):hover::after,
#sidebar nav li button:not(.disabled):hover::after {
display: none;
}
#sidebar nav li a:focus,
#sidebar nav li button:focus {
outline: none;
}
#sidebar nav li a:focus-visible,
#sidebar nav li button:focus-visible {
box-shadow: 0 0 0 0.25rem #76c0c7;
}
#sidebar nav li a.disabled,
#sidebar nav li button.disabled {
opacity: 0.5;
cursor: not-allowed;
}
#sidebar nav li .svg-inline--fa {
width: 20px !important;
height: 20px !important;
overflow: visible;
}
#sidebar nav li span:not(.badge, .sidebar-icon) {
margin-left: var(--space-nav-item-gap-between);
}
#sidebar nav:hover {
width: var(--sidebar-nav-contextual-width);
}
#sidebar nav:hover li > a,
#sidebar nav:hover li > button {
width: 100%;
}
#sidebar nav.collapsed {
width: 64px;
}
#sidebar nav.collapsed .menu li a,
#sidebar nav.collapsed .menu li button {
width: 36px;
}
#sidebar nav.collapsed .menu li span:not(.badge) {
display: none;
}
#sidebar nav.collapsed .submenu li {
padding: 0;
}
#sidebar nav.collapsed .submenu li a {
width: auto;
}
#sidebar nav.collapsed .submenu li button {
width: 100%;
}
#sidebar nav.collapsed .submenu li a:hover,
#sidebar nav.collapsed .submenu li button:hover {
background-color: #ddd;
}
#sidebar nav#sidebar-global {
background-color: var(--theme-neutral-1000);
}
[data-theme=dark] #sidebar nav#sidebar-global {
border-right: 1px solid var(--theme-neutral-700);
}
#sidebar nav#sidebar-global > li {
padding: 4px 2px;
}
#sidebar nav#sidebar-global > li.active button {
background-color: rgba(255, 255, 255, 0.15);
}
#sidebar nav#sidebar-global button {
background-color: transparent;
}
.modal-open #sidebar nav#sidebar-global .contains-bell::before {
opacity: 1;
}
#sidebar nav#sidebar-global .submenu li button,
#sidebar nav#sidebar-global .submenu li a {
display: block;
width: 100%;
}
#sidebar nav#sidebar-global button:hover,
#sidebar nav#sidebar-global li.active button:hover {
background-color: #777;
}
#sidebar nav#sidebar-global .submenu button:hover,
#sidebar nav#sidebar-global .submenu li a:hover {
background-color: var(--color-background-static-stronger);
}
#sidebar nav#sidebar-contextual {
width: var(--sidebar-nav-contextual-width);
overflow: hidden auto;
background-color: var(--color-text-primary);
}
#sidebar nav#sidebar-contextual.hidden {
width: 0;
padding: 0;
}
#sidebar nav#sidebar-contextual:hover {
width: var(--sidebar-nav-contextual-width);
}
#sidebar nav#sidebar-contextual.collapsed {
width: 64px;
}
#sidebar nav#sidebar-contextual.collapsed li {
padding: 4px 2px;
}
#sidebar nav#sidebar-contextual.collapsed li a {
width: 36px;
height: 36px;
padding: 0 8px;
}
#sidebar nav#sidebar-contextual.collapsed .menu-title {
visibility: hidden;
overflow: hidden;
}
#sidebar nav#sidebar-contextual li a {
width: 187px;
}
#sidebar-toggle button {
position: relative;
top: 32px;
width: 24px;
height: 24px;
padding: 0 2px 0 0;
transform: translate(-50%);
transition: background-color 100ms linear 0s, color 100ms linear 0s, opacity 300ms cubic-bezier(0.2, 0, 0, 1) 0s, transform 300ms cubic-bezier(0.2, 0, 0, 1) 0s;
border-width: 0;
border-radius: 50%;
opacity: 0;
box-shadow: rgba(9, 30, 66, 0.08) 0 0 0 1px, rgba(9, 30, 66, 0.08) 0 2px 4px 1px;
color: #333;
}
#sidebar-toggle button svg {
height: 16px;
pointer-events: none;
}
#sidebar-toggle button:hover {
opacity: 1;
background-color: #f58220;
color: #fff;
}
#sidebar-toggle button.active {
opacity: 1;
}
#sidebar-toggle button:focus {
outline: none;
}
#sidebar-toggle.collapsed button {
transform: translate3d(-44px, 0, 0) rotate(180deg);
opacity: 1;
}
.sidebar-back button {
display: flex;
align-content: center;
width: 100%;
margin-top: 3px;
padding: 8px 0.625rem;
border: 0;
border-radius: 3px;
background: transparent;
color: #fff;
}
.sidebar-back button:hover {
background-color: rgba(255, 255, 255, 0.25);
}
.sidebar-back button .svg-inline--fa {
width: 1.25rem !important;
height: 1.25rem !important;
font-size: 14px;
}
.sidebar-back button span:not(.badge, .sidebar-icon) {
margin-left: var(--space-nav-item-gap-between);
}
.sidebar-back hr {
margin-top: 10px;
margin-bottom: 4px;
}
.collapsed .sidebar-back {
display: none;
}
#sidebar-about-modal {
overflow: hidden;
line-height: 1.5;
}
#sidebar-about-modal .modal-content {
width: 100%;
border: 0;
border-radius: 6px;
}
#sidebar-about-modal.modal-dialog {
width: 600px;
max-width: 600px;
}
#sidebar-about-modal .modal-dialog {
margin: 1.75rem auto;
}
#sidebar-about-modal .modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 3.5rem);
}
#sidebar-about-modal .modal-dialog-centered::before {
content: "";
display: block;
height: calc(100vh - 3.5rem);
}
#sidebar-about-modal .modal-header {
display: flex;
align-items: center;
justify-content: center;
height: 200px;
border-radius: 6px 6px 0 0;
background: none #424242;
box-shadow: none;
}
#sidebar-about-modal .modal-header .btn--close {
position: absolute;
top: 0.5rem;
right: 1rem;
}
#sidebar-about-modal .modal-body {
padding: 40px;
font-size: 16px;
text-align: center;
}
#sidebar-about-modal .modal-body p {
margin-bottom: 10px;
}
#sidebar-about-modal .modal-body .title {
font-size: 26px;
}
#sidebar-about-modal .modal-body .copyright {
color: var(--color-text-tertiary);
}
#sidebar-about-modal .modal-body .version {
display: flex;
justify-content: center;
}
#sidebar-about-modal .modal-body .version-label, #sidebar-about-modal .modal-body .version-number a {
margin-right: 5px;
}
[data-theme=dark] #sidebar nav .submenu {
box-shadow: var(--shadow-100);
}
.sidebar-brand,
#sidebar img {
flex: 0 0 auto;
width: 20px;
scale: 1.3;
}
#sidebar img:not(#sidebar-global-home > *) {
border-radius: 50%;
}
.sidebar-icon {
display: block;
width: 20px;
min-width: 20px;
height: 20px;
}
}
@layer base {
.base-layout {
height: stretch;
min-height: 100svh;
}
.base-layout__body {
height: stretch;
min-height: 100svh;
background-color: var(--body-bg);
}
.base-layout__body.expanded {
grid-template-columns: var(--sidebar-nav-contextual-width) 1fr;
}
.base-layout__body:has(.base-layout__sidebar) {
padding-inline-start: var(--sidebar-nav-global-width);
}
.base-layout__sidebar {
height: stretch;
min-height: 100svh;
max-height: 100vh;
}
.base-layout__content {
display: flex;
position: relative;
flex-direction: column;
}
.base-layout__content .content-body {
padding-inline: var(--space-page-padding-x);
}
.base-layout__content .data-table-container {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.base-layout__content .dataTables_scroll,
.base-layout__content .dataTables_scrollBody {
flex-grow: 1;
}
.base-layout__content certara-breadcrumb:not(.base-layout__content-main > *) .breadcrumb {
margin-block: 0 !important;
margin-inline: 0 !important;
}
.base-layout__content:not(:has(.data-table-container)) {
height: stretch;
min-height: 100svh;
}
.base-layout__content-main {
display: flex;
flex-direction: column;
flex-grow: 1;
margin: 0;
padding: var(--space-page-padding-x);
}
.base-layout__content-main certara-tabs,
.base-layout__content-main certara-tab-panel,
.base-layout__content-main .tab-content {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.base-layout__content-main certara-tab-panel.active {
display: flex !important;
}
.base-layout__body--full,
.base-layout__body--full:has(.base-layout__sidebar) {
width: 100%;
margin: 0;
padding: 0;
overflow-y: hidden;
}
.base-layout__body--full .base-layout__content,
.base-layout__body--full:has(.base-layout__sidebar) .base-layout__content {
padding: 0;
}
.base-layout__body--full .base-layout__content-main,
.base-layout__body--full:has(.base-layout__sidebar) .base-layout__content-main {
padding: 0;
}
.base-layout__body--full .base-layout__sidebar,
.base-layout__body--full:has(.base-layout__sidebar) .base-layout__sidebar {
display: none !important;
}
html {
height: stretch;
min-height: 100%;
}
body {
height: stretch;
min-height: 100%;
background-color: var(--body-bg);
}
.certara-logo {
display: inline-block;
width: 222px;
height: 48px;
background-image: url("data:image/svg+xml,%3csvg width='223' height='50' viewBox='0 0 223 50' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M217.697 6.55374C214.769 3.54211 210.837 1.95264 206.738 1.95264C198.791 1.95264 192.349 8.47784 192.349 16.5089C192.349 16.6762 192.349 16.9271 192.349 17.0945H197.452C197.452 16.9271 197.452 16.6762 197.452 16.5089C197.452 11.3222 201.635 7.05568 206.738 7.05568C212.511 7.05568 217.195 11.8241 217.195 17.6801C217.195 22.3648 214.602 26.3803 210.754 28.3044L212.678 33.0728C214.435 32.2363 216.024 31.0651 217.363 29.7266C220.542 26.5476 222.298 22.1975 222.298 17.6801C222.215 13.4972 220.625 9.56538 217.697 6.55374' fill='%23D7282F'/%3e%3cpath d='M219.705 17.0945H214.602C214.602 17.2618 214.602 17.5127 214.602 17.6801C214.602 22.8668 210.419 27.1332 205.316 27.1332C199.711 27.1332 195.194 22.6994 194.943 17.0945H192.349C192.349 16.9272 192.349 16.6762 192.349 16.5089C192.349 10.8202 195.612 5.80084 200.38 3.45846L199.376 1.11607C197.62 1.95264 196.03 3.12383 194.692 4.46233C191.513 7.64128 189.756 11.9914 189.756 16.5089C189.756 20.6917 191.345 24.6235 194.273 27.6352C197.201 30.6468 201.133 32.3199 205.316 32.3199C213.263 32.3199 219.705 25.7947 219.705 17.7637C219.705 17.5127 219.705 17.2618 219.705 17.0945' fill='%23FDBB30'/%3e%3cpath d='M194.608 46.2906C194.608 47.7127 195.779 48.8839 197.201 48.8839C198.624 48.8839 199.795 47.7127 199.795 46.2906C199.795 44.8684 198.624 43.6972 197.201 43.6972C195.779 43.6972 194.608 44.8684 194.608 46.2906ZM195.11 46.2906C195.11 45.1194 196.03 44.1992 197.201 44.1992C198.373 44.1992 199.293 45.1194 199.293 46.2906C199.293 47.5454 198.373 48.4657 197.201 48.4657C196.03 48.4657 195.11 47.4618 195.11 46.2906ZM198.54 47.7127H197.954L197.452 46.7089H196.783V47.7127H196.281V44.8684H197.703C198.289 44.8684 198.707 45.203 198.707 45.7886C198.707 46.2069 198.456 46.5416 198.122 46.6252L198.54 47.7127ZM197.954 45.7886C197.954 46.1233 197.787 46.2069 197.536 46.2069V46.2906H196.699V45.3704H197.536C197.787 45.3704 197.954 45.454 197.954 45.7886Z' fill='%23D7282F'/%3e%3cpath d='M170.348 39.6817L167.671 46.2069L163.739 40.2673L173.527 17.0108H179.383L192.6 48.7166H186.075L182.562 39.6817H170.348ZM176.455 24.7072L172.606 34.0767H180.303L176.455 24.7072Z' fill='%23D7282F'/%3e%3cpath d='M150.856 17.2618H137.722V46.2069H144.08V36.921H149.099L155.29 46.2069H162.735L155.624 35.8335C159.305 34.495 161.815 31.567 161.815 26.8823V26.7986C161.815 24.038 160.895 21.7792 159.305 20.1898C157.381 18.2657 154.537 17.2618 150.856 17.2618ZM155.29 27.2169C155.29 29.6429 153.533 31.3161 150.437 31.3161H143.912V23.0341H150.27C153.365 23.0341 155.29 24.3726 155.29 27.1332V27.2169Z' fill='%23D7282F'/%3e%3cpath d='M123.165 17.0945H117.309L104.761 46.2069H111.286L113.963 39.6817H126.177L128.854 46.2069H135.547L123.165 17.0945ZM120.154 24.7072L124.002 34.0767H116.306L120.154 24.7072Z' fill='%23D7282F'/%3e%3cpath d='M99.0723 23.1177H107.94V17.2618H83.8469V23.1177H92.7145V46.2069H99.0723V38.0922V23.1177Z' fill='%23D7282F'/%3e%3cpath d='M70.5455 17.2618H57.4114V46.2069H63.7693V36.921H68.7887L74.9793 46.2069H82.4247L75.3139 35.8335C78.9948 34.495 81.5045 31.567 81.5045 26.8823V26.7986C81.5045 24.038 80.5843 21.7792 78.9948 20.1898C77.0707 18.2657 74.2264 17.2618 70.5455 17.2618ZM75.063 27.2169C75.063 29.6429 73.3062 31.3161 70.2109 31.3161H63.6857V23.0341H70.0436C73.1389 23.0341 75.063 24.3726 75.063 27.1332V27.2169Z' fill='%23D7282F'/%3e%3cpath d='M30.3904 17.2618H52.2247V22.9504H36.6646V28.8064H50.3006V34.495H36.6646V40.5183H52.392V46.2069H30.3904V17.2618Z' fill='%23D7282F'/%3e%3cpath d='M6.71559 31.4834V31.4834C6.71559 36.4191 10.1455 40.6856 15.0812 40.6856C18.4275 40.6856 20.4353 39.3471 22.694 37.3393L26.7095 41.4385C23.6979 44.6174 20.4353 46.6252 14.8303 46.6252C6.29731 46.6252 0.0230713 39.9327 0.0230713 31.567C0.0230713 23.285 6.38096 16.5089 14.8303 16.5089C20.4353 16.5089 23.6979 18.5166 26.7095 21.6956L22.694 25.7947C20.4353 23.7033 18.4275 22.4485 15.0812 22.4485C10.1455 22.2812 6.71559 26.5476 6.71559 31.4834' fill='%23D7282F'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: -3px 0;
background-size: 222px 48px;
text-indent: -9999px;
}
#wrapper,
.wrapper {
height: stretch;
min-height: 100%;
background-color: var(--body-bg);
}
.content {
margin-left: calc(var(--sidebar-nav-global-width) + var(--sidebar-nav-contextual-width));
padding: var(--space-page-padding-y) var(--space-page-padding-x);
transition: margin-left 500ms cubic-bezier(0.2, 0, 0, 1) 0s;
background-color: var(--body-bg);
}
@media (min-width: 768px) {
.content {
min-width: 500px;
}
}
.content.full-screen {
margin-left: 64px;
}
.content.expanded {
margin-left: 128px;
}
.content-body {
width: 100%;
margin: var(--space-page-padding-y) auto 0;
padding: 0;
}
.modal-fullscreen .content-body {
padding: 0;
}
#footer {
margin-left: 180px;
color: var(--color-text-tertiary);
font-size: inherit;
font-weight: inherit;
}
.body-fullscreen .content,
.content-fullscreen {
width: 100%;
height: 100svh;
margin: 0;
padding: var(--space-page-padding-y) var(--space-page-padding-x);
background-color: var(--body-bg);
}
.content--full {
display: flex;
flex-direction: column;
flex-grow: 1;
width: 100%;
height: 100svh;
margin: 0;
padding: 0;
background-color: var(--body-bg);
}
body:has(.content--full) {
width: 100%;
min-height: 100svh;
margin: 0;
padding: 0;
overflow-y: hidden;
}
.is-hidden,
.hide {
display: none !important;
}
.layout-cards {
display: grid;
gap: var(--gap, 1rem);
grid-template-columns: repeat(var(--repeat, auto-fill), minmax(var(--col-width, 370px), 1fr));
}
.layout-grid {
display: grid;
gap: var(--gap, 1rem);
grid-template-columns: repeat(var(--col-count, 3), minmax(0, 1fr));
}
.layout > * + * {
margin-top: var(--units-300);
}
@media (min-width: 992px) {
.layout {
display: grid;
gap: var(--grid-gutter-width);
}
.layout > * + * {
margin-top: 0;
}
.layout > * {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.layout--l-sm {
grid-template-columns: minmax(300px, 1fr) 3fr;
}
}
@media (min-width: 1200px) {
.layout--l-sm {
grid-template-columns: minmax(400px, 1fr) 3fr;
}
}
hr {
margin: var(--units-200) 0;
border: 0;
border-top: var(--border-width-default) solid var(--color-border-static-neutral);
color: inherit;
}
.vr {
display: inline-block;
flex: 0 0 1px;
align-self: stretch;
width: 1px;
min-height: 1em;
background-color: var(--color-border-static-neutral);
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*::before,
*::after {
background: transparent !important;
box-shadow: none !important;
color: #000 !important;
text-shadow: none !important;
}
body {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
a,
a:visited {
color: #000;
text-decoration: underline;
}
a[href]::after {
content: " (" attr(href) ")";
}
abbr[title]::after {
content: " (" attr(title) ")";
}
a[href^="#"]::after,
a[href^="javascript:"]::after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: var(--color-background-static-subtlest) !important;
}
.table-bordered th,
.table-bordered td {
border: var(--border-width-default) solid var(--border-color) !important;
}
.dataTables_toolbar {
display: none;
}
.DTTT_Print .data-table thead th {
border-right: medium none;
text-shadow: none;
}
.DTTT_Print .data-table tbody .group td,
.DTTT_Print .data-table tbody td.group {
padding: 5px 10px;
font-style: italic;
}
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 300;
font-display: block;
src: url("../webfonts/Inter-Light.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-Light.woff?v=3.19") format("woff");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 300;
font-display: block;
src: url("../webfonts/Inter-LightItalic.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-LightItalic.woff?v=3.19") format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-display: block;
src: url("../webfonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-Regular.woff?v=3.19") format("woff");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 400;
font-display: block;
src: url("../webfonts/Inter-Italic.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-Italic.woff?v=3.19") format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-display: block;
src: url("../webfonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-Medium.woff?v=3.19") format("woff");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 500;
font-display: block;
src: url("../webfonts/Inter-MediumItalic.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-MediumItalic.woff?v=3.19") format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-display: block;
src: url("../webfonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-SemiBold.woff?v=3.19") format("woff");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 600;
font-display: block;
src: url("../webfonts/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-SemiBoldItalic.woff?v=3.19") format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-display: block;
src: url("../webfonts/Inter-Bold.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-Bold.woff?v=3.19") format("woff");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 700;
font-display: block;
src: url("../webfonts/Inter-BoldItalic.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-BoldItalic.woff?v=3.19") format("woff");
}
@font-face {
font-family: Inconsolata;
font-style: normal;
font-weight: 400;
font-display: block;
src: url("../webfonts/Inconsolata-Regular.woff2") format("woff2");
}
@font-face {
font-family: Inconsolata;
font-style: normal;
font-weight: 500;
font-display: block;
src: url("../webfonts/Inconsolata-Regular.woff2") format("woff2");
}
@font-face {
font-family: Inconsolata;
font-style: normal;
font-weight: 600;
font-display: block;
src: url("../webfonts/Inconsolata-Regular.woff2") format("woff2");
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--gutter-x: var(--grid-gutter-width);
--gutter-y: 0;
width: 100%;
margin-right: auto;
margin-left: auto;
}
.container-sm {
max-width: 580px;
}
.container-md {
max-width: 720px;
}
.container-lg {
max-width: 960px;
}
.container-xl, .container {
max-width: 1200px;
}
.container-xxl {
max-width: 1440px;
}
:root {
--theme-dark: #212121;
--theme-black: #000;
--theme-white: #fff;
--theme-brand-100: #e6f8f9;
--theme-brand-200: #cdf0f2;
--theme-brand-300: #b8e8ec;
--theme-brand-400: #76c0c7;
--theme-brand-500: #2aa9b5;
--theme-brand-600: #1c919c;
--theme-brand-650: #19838d;
--theme-brand-700: #167880;
--theme-brand-800: #146066;
--theme-brand-900: #0f4d52;
--theme-brand-1000: #0c4045;
--theme-brand-1100: #062022;
--theme-danger-100: #fdedf0;
--theme-danger-200: #f9d1d9;
--theme-danger-300: #f2a4b3;
--theme-danger-400: #ec768d;
--theme-danger-500: #e54967;
--theme-danger-600: #d9163b;
--theme-danger-700: #b21634;
--theme-danger-800: #861027;
--theme-danger-900: #700e21;
--theme-danger-1000: #590b1a;
--theme-danger-1100: #2d050d;
--theme-warning-100: #fff8ea;
--theme-warning-200: #fff1d6;
--theme-warning-300: #fee4ac;
--theme-warning-400: #fed683;
--theme-warning-500: #fdc959;
--theme-warning-600: #fdbb30;
--theme-warning-700: #ca9626;
--theme-warning-800: #98701d;
--theme-warning-900: #7f5e18;
--theme-warning-1000: #654b13;
--theme-warning-1100: #33250a;
--theme-success-100: #e2faed;
--theme-success-200: #bae8d0;
--theme-success-300: #97deb9;
--theme-success-400: #20bf6b;
--theme-success-500: #189655;
--theme-success-600: #147d46;
--theme-success-700: #0f6939;
--theme-success-800: #0e522e;
--theme-success-900: #0c4527;
--theme-success-1000: #09361e;
--theme-success-1100: #062615;
--theme-info-100: #f6efff;
--theme-info-200: #e6d3fa;
--theme-info-300: #cda7f5;
--theme-info-400: #b37bf0;
--theme-info-500: #9b4feb;
--theme-info-600: #8223e6;
--theme-info-700: #6713c1;
--theme-info-800: #4d0e91;
--theme-info-900: #410c79;
--theme-info-1000: #340a60;
--theme-info-1100: #1a0530;
--theme-neutral-black: #000;
--theme-neutral-25: #fafafa;
--theme-neutral-50: #f7f7f7;
--theme-neutral-100: #eee;
--theme-neutral-200: #ddd;
--theme-neutral-300: #bababa;
--theme-neutral-400: #979797;
--theme-neutral-500: #727272;
--theme-neutral-600: #535353;
--theme-neutral-700: #424242;
--theme-neutral-800: #323232;
--theme-neutral-850: #2d2d2d;
--theme-neutral-900: #2a2a2a;
--theme-neutral-950: #262626;
--theme-neutral-1000: #212121;
--theme-neutral-1050: #1e1e1e;
--theme-neutral-1100: #111;
--theme-neutral-white: #fff;
--theme-gray: #535353;
--theme-gray-25: #fafafa;
--theme-gray-50: #f7f7f7;
--theme-gray-100: #eee;
--theme-gray-200: #ddd;
--theme-gray-300: #bababa;
--theme-gray-400: #979797;
--theme-gray-500: #727272;
--theme-gray-600: #535353;
--theme-gray-700: #424242;
--theme-gray-800: #323232;
--theme-gray-850: #2d2d2d;
--theme-gray-900: #2a2a2a;
--theme-gray-950: #262626;
--theme-gray-1000: #212121;
--theme-gray-1050: #1e1e1e;
--theme-gray-1100: #111;
--theme-accent-orange: #f58220;
--theme-accent-orange-100: #fef3e9;
--theme-accent-orange-200: #fde6d2;
--theme-accent-orange-300: #fbcda6;
--theme-accent-orange-400: #f9b479;
--theme-accent-orange-500: #f79b4d;
--theme-accent-orange-600: #f58220;
--theme-accent-orange-700: #c4681a;
--theme-accent-orange-800: #934e13;
--theme-accent-orange-900: #7b4110;
--theme-accent-orange-1000: #62340d;
--theme-accent-orange-1100: #311a06;
--theme-accent-pink: #f22ca6;
--theme-accent-pink-100: #feeaf6;
--theme-accent-pink-200: #fcd5ed;
--theme-accent-pink-300: #faabdb;
--theme-accent-pink-400: #f780ca;
--theme-accent-pink-500: #f556b8;
--theme-accent-pink-600: #f22ca6;
--theme-accent-pink-700: #c22385;
--theme-accent-pink-800: #911a64;
--theme-accent-pink-900: #791653;
--theme-accent-pink-1000: #611242;
--theme-accent-pink-1100: #300921;
--theme-accent-magenta: #bf14d3;
--theme-accent-magenta-100: #f9e8fb;
--theme-accent-magenta-200: #f2d0f6;
--theme-accent-magenta-300: #e5a1ed;
--theme-accent-magenta-400: #d972e5;
--theme-accent-magenta-500: #cc43dc;
--theme-accent-magenta-600: #bf14d3;
--theme-accent-magenta-700: #9910a9;
--theme-accent-magenta-800: #730c7f;
--theme-accent-magenta-900: #600a6a;
--theme-accent-magenta-1000: #4c0854;
--theme-accent-magenta-1100: #26042a;
--theme-accent-olive: #afc03c;
--theme-accent-olive-100: #f7f9ec;
--theme-accent-olive-200: #eff2d8;
--theme-accent-olive-300: #dfe6b1;
--theme-accent-olive-400: #cfd98a;
--theme-accent-olive-500: #bfcd63;
--theme-accent-olive-600: #afc03c;
--theme-accent-olive-700: #8c9a30;
--theme-accent-olive-800: #697324;
--theme-accent-olive-900: #58601e;
--theme-accent-olive-1000: #464d18;
--theme-accent-olive-1100: #23260c;
--theme-accent-cyan: #0093bc;
--theme-accent-cyan-100: #e6f4f8;
--theme-accent-cyan-200: #cce9f2;
--theme-accent-cyan-300: #99d4e4;
--theme-accent-cyan-400: #66bed7;
--theme-accent-cyan-500: #33a9c9;
--theme-accent-cyan-600: #0093bc;
--theme-accent-cyan-700: #007696;
--theme-accent-cyan-800: #005871;
--theme-accent-cyan-900: #004a5e;
--theme-accent-cyan-1000: #003b4b;
--theme-accent-cyan-1100: #001d26;
--theme-dark-rgb: 33, 33, 33;
--theme-black-rgb: 0, 0, 0;
--theme-white-rgb: 255, 255, 255;
--theme-brand-100-rgb: 230, 248, 249;
--theme-brand-200-rgb: 205, 240, 242;
--theme-brand-300-rgb: 184, 232, 236;
--theme-brand-400-rgb: 118, 192, 199;
--theme-brand-500-rgb: 42, 169, 181;
--theme-brand-600-rgb: 28, 145, 156;
--theme-brand-650-rgb: 25, 131, 141;
--theme-brand-700-rgb: 22, 120, 128;
--theme-brand-800-rgb: 20, 96, 102;
--theme-brand-900-rgb: 15, 77, 82;
--theme-brand-1000-rgb: 12, 64, 69;
--theme-brand-1100-rgb: 6, 32, 34;
--theme-danger-100-rgb: 253, 237, 240;
--theme-danger-200-rgb: 249, 209, 217;
--theme-danger-300-rgb: 242, 164, 179;
--theme-danger-400-rgb: 236, 118, 141;
--theme-danger-500-rgb: 229, 73, 103;
--theme-danger-600-rgb: 217, 22, 59;
--theme-danger-700-rgb: 178, 22, 52;
--theme-danger-800-rgb: 134, 16, 39;
--theme-danger-900-rgb: 112, 14, 33;
--theme-danger-1000-rgb: 89, 11, 26;
--theme-danger-1100-rgb: 45, 5, 13;
--theme-warning-100-rgb: 255, 248, 234;
--theme-warning-200-rgb: 255, 241, 214;
--theme-warning-300-rgb: 254, 228, 172;
--theme-warning-400-rgb: 254, 214, 131;
--theme-warning-500-rgb: 253, 201, 89;
--theme-warning-600-rgb: 253, 187, 48;
--theme-warning-700-rgb: 202, 150, 38;
--theme-warning-800-rgb: 152, 112, 29;
--theme-warning-900-rgb: 127, 94, 24;
--theme-warning-1000-rgb: 101, 75, 19;
--theme-warning-1100-rgb: 51, 37, 10;
--theme-success-100-rgb: 226, 250, 237;
--theme-success-200-rgb: 186, 232, 208;
--theme-success-300-rgb: 151, 222, 185;
--theme-success-400-rgb: 32, 191, 107;
--theme-success-500-rgb: 24, 150, 85;
--theme-success-600-rgb: 20, 125, 70;
--theme-success-700-rgb: 15, 105, 57;
--theme-success-800-rgb: 14, 82, 46;
--theme-success-900-rgb: 12, 69, 39;
--theme-success-1000-rgb: 9, 54, 30;
--theme-success-1100-rgb: 6, 38, 21;
--theme-info-100-rgb: 246, 239, 255;
--theme-info-200-rgb: 230, 211, 250;
--theme-info-300-rgb: 205, 167, 245;
--theme-info-400-rgb: 179, 123, 240;
--theme-info-500-rgb: 155, 79, 235;
--theme-info-600-rgb: 130, 35, 230;
--theme-info-700-rgb: 103, 19, 193;
--theme-info-800-rgb: 77, 14, 145;
--theme-info-900-rgb: 65, 12, 121;
--theme-info-1000-rgb: 52, 10, 96;
--theme-info-1100-rgb: 26, 5, 48;
--theme-neutral-black-rgb: 0, 0, 0;
--theme-neutral-25-rgb: 250, 250, 250;
--theme-neutral-50-rgb: 247, 247, 247;
--theme-neutral-100-rgb: 238, 238, 238;
--theme-neutral-200-rgb: 221, 221, 221;
--theme-neutral-300-rgb: 186, 186, 186;
--theme-neutral-400-rgb: 151, 151, 151;
--theme-neutral-500-rgb: 114, 114, 114;
--theme-neutral-600-rgb: 83, 83, 83;
--theme-neutral-700-rgb: 66, 66, 66;
--theme-neutral-800-rgb: 50, 50, 50;
--theme-neutral-850-rgb: 45, 45, 45;
--theme-neutral-900-rgb: 42, 42, 42;
--theme-neutral-950-rgb: 38, 38, 38;
--theme-neutral-1000-rgb: 33, 33, 33;
--theme-neutral-1050-rgb: 30, 30, 30;
--theme-neutral-1100-rgb: 17, 17, 17;
--theme-neutral-white-rgb: 255, 255, 255;
--theme-gray-rgb: 83, 83, 83;
--theme-gray-25-rgb: 250, 250, 250;
--theme-gray-50-rgb: 247, 247, 247;
--theme-gray-100-rgb: 238, 238, 238;
--theme-gray-200-rgb: 221, 221, 221;
--theme-gray-300-rgb: 186, 186, 186;
--theme-gray-400-rgb: 151, 151, 151;
--theme-gray-500-rgb: 114, 114, 114;
--theme-gray-600-rgb: 83, 83, 83;
--theme-gray-700-rgb: 66, 66, 66;
--theme-gray-800-rgb: 50, 50, 50;
--theme-gray-850-rgb: 45, 45, 45;
--theme-gray-900-rgb: 42, 42, 42;
--theme-gray-950-rgb: 38, 38, 38;
--theme-gray-1000-rgb: 33, 33, 33;
--theme-gray-1050-rgb: 30, 30, 30;
--theme-gray-1100-rgb: 17, 17, 17;
--theme-accent-orange-rgb: 245, 130, 32;
--theme-accent-orange-100-rgb: 254, 243, 233;
--theme-accent-orange-200-rgb: 253, 230, 210;
--theme-accent-orange-300-rgb: 251, 205, 166;
--theme-accent-orange-400-rgb: 249, 180, 121;
--theme-accent-orange-500-rgb: 247, 155, 77;
--theme-accent-orange-600-rgb: 245, 130, 32;
--theme-accent-orange-700-rgb: 196, 104, 26;
--theme-accent-orange-800-rgb: 147, 78, 19;
--theme-accent-orange-900-rgb: 123, 65, 16;
--theme-accent-orange-1000-rgb: 98, 52, 13;
--theme-accent-orange-1100-rgb: 49, 26, 6;
--theme-accent-pink-rgb: 242, 44, 166;
--theme-accent-pink-100-rgb: 254, 234, 246;
--theme-accent-pink-200-rgb: 252, 213, 237;
--theme-accent-pink-300-rgb: 250, 171, 219;
--theme-accent-pink-400-rgb: 247, 128, 202;
--theme-accent-pink-500-rgb: 245, 86, 184;
--theme-accent-pink-600-rgb: 242, 44, 166;
--theme-accent-pink-700-rgb: 194, 35, 133;
--theme-accent-pink-800-rgb: 145, 26, 100;
--theme-accent-pink-900-rgb: 121, 22, 83;
--theme-accent-pink-1000-rgb: 97, 18, 66;
--theme-accent-pink-1100-rgb: 48, 9, 33;
--theme-accent-magenta-rgb: 191, 20, 211;
--theme-accent-magenta-100-rgb: 249, 232, 251;
--theme-accent-magenta-200-rgb: 242, 208, 246;
--theme-accent-magenta-300-rgb: 229, 161, 237;
--theme-accent-magenta-400-rgb: 217, 114, 229;
--theme-accent-magenta-500-rgb: 204, 67, 220;
--theme-accent-magenta-600-rgb: 191, 20, 211;
--theme-accent-magenta-700-rgb: 153, 16, 169;
--theme-accent-magenta-800-rgb: 115, 12, 127;
--theme-accent-magenta-900-rgb: 96, 10, 106;
--theme-accent-magenta-1000-rgb: 76, 8, 84;
--theme-accent-magenta-1100-rgb: 38, 4, 42;
--theme-accent-olive-rgb: 175, 192, 60;
--theme-accent-olive-100-rgb: 247, 249, 236;
--theme-accent-olive-200-rgb: 239, 242, 216;
--theme-accent-olive-300-rgb: 223, 230, 177;
--theme-accent-olive-400-rgb: 207, 217, 138;
--theme-accent-olive-500-rgb: 191, 205, 99;
--theme-accent-olive-600-rgb: 175, 192, 60;
--theme-accent-olive-700-rgb: 140, 154, 48;
--theme-accent-olive-800-rgb: 105, 115, 36;
--theme-accent-olive-900-rgb: 88, 96, 30;
--theme-accent-olive-1000-rgb: 70, 77, 24;
--theme-accent-olive-1100-rgb: 35, 38, 12;
--theme-accent-cyan-rgb: 0, 147, 188;
--theme-accent-cyan-100-rgb: 230, 244, 248;
--theme-accent-cyan-200-rgb: 204, 233, 242;
--theme-accent-cyan-300-rgb: 153, 212, 228;
--theme-accent-cyan-400-rgb: 102, 190, 215;
--theme-accent-cyan-500-rgb: 51, 169, 201;
--theme-accent-cyan-600-rgb: 0, 147, 188;
--theme-accent-cyan-700-rgb: 0, 118, 150;
--theme-accent-cyan-800-rgb: 0, 88, 113;
--theme-accent-cyan-900-rgb: 0, 74, 94;
--theme-accent-cyan-1000-rgb: 0, 59, 75;
--theme-accent-cyan-1100-rgb: 0, 29, 38;
--theme-certara-red: #d7282f;
--theme-certara-yellow: #fdbb30;
--font-size-root: 1rem;
--font-size-base: 0.875rem;
--font-size-body: var(--font-size-base);
--font-size-md: var(--font-size-root);
--font-size-xs: 0.6875rem;
--font-size-sm: 0.75rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.5rem;
--font-size-xxl: 1.75rem;
--font-weight-base: 400;
--line-height-base: 1.5;
--h1-font-size: 1.75rem;
--h1-line-height: 1.2;
--h1-font-weight: 400;
--h2-font-size: 1.5rem;
--h2-line-height: 1.3;
--h2-font-weight: 500;
--h3-font-size: 1.25rem;
--h3-line-height: 1.3;
--h3-font-weight: 600;
--h4-font-size: 1.125rem;
--h4-line-height: 1.3;
--h4-font-weight: 500;
--h5-font-size: 1rem;
--h5-line-height: 1.5;
--h5-font-weight: 500;
--h6-font-size: 0.875rem;
--h6-line-height: 1.5;
--h6-font-weight: 500;
--font-sans-serif: Inter, Roboto, Helvetica, sans-serif;
--font-monospace: Inconsolata, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--body-font-family: var(--font-sans-serif);
--body-font-weight: var(--font-weight-base);
--body-line-height: var(--line-height-base);
--body-color: var(--color-text-primary);
--body-bg: var(--color-background-static-neutral);
--btn-box-shadow: 0 2px 4px 0 rgb(134 134 134 / 0.4), 0 1px 2px 0 rgb(0 0 0 / 0.2);
--border-width: 1px;
--border-style: solid;
--border-color: var(--color-border-static-neutral);
--border-radius: var(--border-radius-sm);
--link-color: var(--color-link-brand-default);
--link-hover-color: var(--color-link-brand-hovered);
--link-active-color: var(--color-link-brand-selected);
--link-disabled-color: var(--color-text-disabled);
--grid-columns: 12;
--grid-gutter-width: var(--units-400);
--units-0: 0;
--units-25: 0.125rem;
--units-50: 0.25rem;
--units-75: 0.375rem;
--units-100: 0.5rem;
--units-150: 0.75rem;
--units-200: 1rem;
--units-250: 1.25rem;
--units-300: 1.5rem;
--units-400: 2rem;
--units-500: 2.5rem;
--units-600: 3rem;
--units-800: 4rem;
--units-1000: 5rem;
--inset-shadows-inset-25: inset 0px 1px 1px rgb(0 0 0 / 0.075);
--inset-shadows-inset-100: inset 0px 2px 4px rgb(0 0 0 / 0.3), inset 0px 1px 2px rgb(0 0 0 / 0.2);
--zindex-dropdown: 1000;
--zindex-sticky: 1020;
--zindex-fixed: 1030;
--zindex-modal-backdrop: 1050;
--zindex-modal: 1055;
--zindex-popover: 1070;
--zindex-tooltip: 1080;
--zindex-autocomplete: 1085;
--zindex-toast: 1090;
--sidebar-padding-top: 24px;
--sidebar-nav-padding-x: 10px;
--sidebar-nav-global-width: 64px;
--sidebar-nav-contextual-width-collapsed: var(--sidebar-nav-global-width);
--sidebar-nav-contextual-width: 208px;
--dt-offset-top: 230px;
--dt-width-xl: 1500px;
--dt-width-lg: 1150px;
--dt-width-md: 900px;
--transition-toggle: transform 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
--icon-search: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='`5' height='15' viewBox='0 0 15 15'%3e%3cpath fill='%23424242' d='M10.0625 5.9375C10.0625 3.53125 8.09375 1.5625 5.6875 1.5625C3.28125 1.5625 1.3125 3.53125 1.3125 5.9375C1.3125 8.34375 3.28125 10.3125 5.6875 10.3125C8.09375 10.3125 10.0625 8.34375 10.0625 5.9375ZM9.21484 10.3945C8.25781 11.1602 7.02734 11.625 5.6875 11.625C2.54297 11.625 0 9.08203 0 5.9375C0 2.79297 2.54297 0.25 5.6875 0.25C8.83203 0.25 11.375 2.79297 11.375 5.9375C11.375 7.27734 10.9102 8.50781 10.1445 9.46484L13.8086 13.1289C14.0547 13.375 14.0547 13.8125 13.8086 14.0586C13.5625 14.3047 13.125 14.3047 12.8789 14.0586L9.21484 10.3945Z'/%3e%3c/svg%3e");
--icon-chevron-brand: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231c919c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
--icon-chevron-neutral: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23727272' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
--icon-spinner: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23344250' d='M288 32C288 49.67 273.7 64 256 64C238.3 64 224 49.67 224 32C224 14.33 238.3 0 256 0C273.7 0 288 14.33 288 32zM288 480C288 497.7 273.7 512 256 512C238.3 512 224 497.7 224 480C224 462.3 238.3 448 256 448C273.7 448 288 462.3 288 480zM480 224C497.7 224 512 238.3 512 256C512 273.7 497.7 288 480 288C462.3 288 448 273.7 448 256C448 238.3 462.3 224 480 224zM32 288C14.33 288 0 273.7 0 256C0 238.3 14.33 224 32 224C49.67 224 64 238.3 64 256C64 273.7 49.67 288 32 288zM74.98 391.8C87.48 379.3 107.7 379.3 120.2 391.8C132.7 404.3 132.7 424.5 120.2 437C107.7 449.5 87.48 449.5 74.98 437C62.48 424.5 62.48 404.3 74.98 391.8zM391.8 437C379.3 424.5 379.3 404.3 391.8 391.8C404.3 379.3 424.5 379.3 437 391.8C449.5 404.3 449.5 424.5 437 437C424.5 449.5 404.3 449.5 391.8 437zM120.2 74.98C132.7 87.48 132.7 107.7 120.2 120.2C107.7 132.7 87.48 132.7 74.98 120.2C62.48 107.7 62.48 87.48 74.98 74.98C87.48 62.49 107.7 62.49 120.2 74.98z'/%3e%3c/svg%3e");
--icon-check-success: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23189655' d='M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z'/%3e%3c/svg%3e");
--icon-cross-neutral: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23727272' d='M14.3242 5.98047L10.9727 9.98828L14.3242 14.0195C14.582 14.3477 14.5586 14.8164 14.2305 15.0742C13.9023 15.332 13.4336 15.3086 13.1758 14.9805L10.0117 11.1602L6.82422 14.9805C6.56641 15.3086 6.09766 15.332 5.76953 15.0742C5.44141 14.8164 5.41797 14.3477 5.67578 14.0195L9.02735 9.98828L5.67578 5.98047C5.41797 5.65235 5.44141 5.1836 5.76953 4.92578C6.09766 4.66797 6.56641 4.69141 6.82422 5.01953L10.0117 8.81641L13.1758 5.01953C13.4336 4.69141 13.9023 4.66797 14.2305 4.92578C14.5586 5.1836 14.582 5.65235 14.3242 5.98047Z'/%3e%3c/svg%3e");
--icon-cross-danger: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23d9163b' d='M14.3242 5.98047L10.9727 9.98828L14.3242 14.0195C14.582 14.3477 14.5586 14.8164 14.2305 15.0742C13.9023 15.332 13.4336 15.3086 13.1758 14.9805L10.0117 11.1602L6.82422 14.9805C6.56641 15.3086 6.09766 15.332 5.76953 15.0742C5.44141 14.8164 5.41797 14.3477 5.67578 14.0195L9.02735 9.98828L5.67578 5.98047C5.41797 5.65235 5.44141 5.1836 5.76953 4.92578C6.09766 4.66797 6.56641 4.69141 6.82422 5.01953L10.0117 8.81641L13.1758 5.01953C13.4336 4.69141 13.9023 4.66797 14.2305 4.92578C14.5586 5.1836 14.582 5.65235 14.3242 5.98047Z'/%3e%3c/svg%3e");
--icon-drag-handle-default: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12'%3e%3cpath fill='%23bababa' d='M2.125 3.875C1.70312 3.875 1.35156 3.66406 1.14062 3.3125C0.929688 2.98438 0.929688 2.53906 1.14062 2.1875C1.35156 1.85938 1.70312 1.625 2.125 1.625C2.52344 1.625 2.875 1.85938 3.08594 2.1875C3.29688 2.53906 3.29688 2.98438 3.08594 3.3125C2.875 3.66406 2.52344 3.875 2.125 3.875ZM2.125 7.625C1.70312 7.625 1.35156 7.41406 1.14062 7.0625C0.929688 6.73438 0.929688 6.28906 1.14062 5.9375C1.35156 5.60938 1.70312 5.375 2.125 5.375C2.52344 5.375 2.875 5.60938 3.08594 5.9375C3.29688 6.28906 3.29688 6.73438 3.08594 7.0625C2.875 7.41406 2.52344 7.625 2.125 7.625ZM3.25 10.25C3.25 10.6719 3.01562 11.0234 2.6875 11.2344C2.33594 11.4453 1.89062 11.4453 1.5625 11.2344C1.21094 11.0234 1 10.6719 1 10.25C1 9.85156 1.21094 9.5 1.5625 9.28906C1.89062 9.07812 2.33594 9.07812 2.6875 9.28906C3.01562 9.5 3.25 9.85156 3.25 10.25ZM5.875 3.875C5.45312 3.875 5.10156 3.66406 4.89062 3.3125C4.67969 2.98438 4.67969 2.53906 4.89062 2.1875C5.10156 1.85938 5.45312 1.625 5.875 1.625C6.27344 1.625 6.625 1.85938 6.83594 2.1875C7.04688 2.53906 7.04688 2.98438 6.83594 3.3125C6.625 3.66406 6.27344 3.875 5.875 3.875ZM7 6.5C7 6.92188 6.76562 7.27344 6.4375 7.48438C6.08594 7.69531 5.64062 7.69531 5.3125 7.48438C4.96094 7.27344 4.75 6.92188 4.75 6.5C4.75 6.10156 4.96094 5.75 5.3125 5.53906C5.64062 5.32812 6.08594 5.32812 6.4375 5.53906C6.76562 5.75 7 6.10156 7 6.5ZM5.875 11.375C5.45312 11.375 5.10156 11.1641 4.89062 10.8125C4.67969 10.4844 4.67969 10.0391 4.89062 9.6875C5.10156 9.35938 5.45312 9.125 5.875 9.125C6.27344 9.125 6.625 9.35938 6.83594 9.6875C7.04688 10.0391 7.04688 10.4844 6.83594 10.8125C6.625 11.1641 6.27344 11.375 5.875 11.375Z'/%3e%3c/svg%3e");
--icon-drag-handle-active: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12'%3e%3cpath fill='%23727272' d='M2.125 3.875C1.70312 3.875 1.35156 3.66406 1.14062 3.3125C0.929688 2.98438 0.929688 2.53906 1.14062 2.1875C1.35156 1.85938 1.70312 1.625 2.125 1.625C2.52344 1.625 2.875 1.85938 3.08594 2.1875C3.29688 2.53906 3.29688 2.98438 3.08594 3.3125C2.875 3.66406 2.52344 3.875 2.125 3.875ZM2.125 7.625C1.70312 7.625 1.35156 7.41406 1.14062 7.0625C0.929688 6.73438 0.929688 6.28906 1.14062 5.9375C1.35156 5.60938 1.70312 5.375 2.125 5.375C2.52344 5.375 2.875 5.60938 3.08594 5.9375C3.29688 6.28906 3.29688 6.73438 3.08594 7.0625C2.875 7.41406 2.52344 7.625 2.125 7.625ZM3.25 10.25C3.25 10.6719 3.01562 11.0234 2.6875 11.2344C2.33594 11.4453 1.89062 11.4453 1.5625 11.2344C1.21094 11.0234 1 10.6719 1 10.25C1 9.85156 1.21094 9.5 1.5625 9.28906C1.89062 9.07812 2.33594 9.07812 2.6875 9.28906C3.01562 9.5 3.25 9.85156 3.25 10.25ZM5.875 3.875C5.45312 3.875 5.10156 3.66406 4.89062 3.3125C4.67969 2.98438 4.67969 2.53906 4.89062 2.1875C5.10156 1.85938 5.45312 1.625 5.875 1.625C6.27344 1.625 6.625 1.85938 6.83594 2.1875C7.04688 2.53906 7.04688 2.98438 6.83594 3.3125C6.625 3.66406 6.27344 3.875 5.875 3.875ZM7 6.5C7 6.92188 6.76562 7.27344 6.4375 7.48438C6.08594 7.69531 5.64062 7.69531 5.3125 7.48438C4.96094 7.27344 4.75 6.92188 4.75 6.5C4.75 6.10156 4.96094 5.75 5.3125 5.53906C5.64062 5.32812 6.08594 5.32812 6.4375 5.53906C6.76562 5.75 7 6.10156 7 6.5ZM5.875 11.375C5.45312 11.375 5.10156 11.1641 4.89062 10.8125C4.67969 10.4844 4.67969 10.0391 4.89062 9.6875C5.10156 9.35938 5.45312 9.125 5.875 9.125C6.27344 9.125 6.625 9.35938 6.83594 9.6875C7.04688 10.0391 7.04688 10.4844 6.83594 10.8125C6.625 11.1641 6.27344 11.375 5.875 11.375Z'/%3e%3c/svg%3e");
--color-text-primary: var(--theme-neutral-900);
--color-text-secondary: var(--theme-neutral-600);
--color-text-tertiary: var(--theme-neutral-500);
--color-text-brand: var(--theme-brand-800);
--color-text-brand-strong: var(--theme-brand-1000);
--color-text-inverse: var(--theme-neutral-white);
--color-text-success: var(--theme-success-700);
--color-text-danger: var(--theme-danger-700);
--color-text-info: var(--theme-info-700);
--color-text-warning: var(--theme-accent-orange-800);
--color-text-error: var(--theme-danger-600);
--color-text-disabled: var(--theme-neutral-500);
--color-text-disabled-inverse: var(--theme-neutral-400);
--color-text-badge-neutral: var(--theme-neutral-700);
--color-text-placeholder: var(--theme-neutral-400);
--color-text-accent-cyan: var(--theme-accent-cyan-900);
--color-text-accent-magenta: var(--theme-accent-magenta-900);
--color-text-accent-olive: var(--theme-accent-olive-900);
--color-text-accent-orange: var(--theme-accent-orange-900);
--color-text-accent-periwinkle: var(--theme-accent-periwinkle-800);
--color-icon-brand: var(--theme-brand-600);
--color-icon-neutral: var(--theme-neutral-600);
--color-icon-neutral-subtle: var(--theme-neutral-500);
--color-icon-neutral-subtler: var(--theme-neutral-300);
--color-icon-inverse: var(--theme-neutral-white);
--color-icon-success: var(--theme-success-500);
--color-icon-danger: var(--theme-danger-600);
--color-icon-info: var(--theme-info-600);
--color-icon-warning: var(--theme-warning-600);
--color-icon-accent-orange: var(--theme-accent-orange-600);
--color-icon-accent-cyan: var(--theme-accent-cyan-600);
--color-icon-accent-olive: var(--theme-accent-olive-700);
--color-icon-accent-magenta: var(--theme-accent-magenta-600);
--color-link-neutral-default: var(--theme-neutral-700);
--color-link-neutral-hovered: var(--theme-neutral-1000);
--color-link-neutral-pressed: var(--theme-neutral-1000);
--color-link-neutral-inverse: var(--theme-neutral-200);
--color-link-neutral-inverse-hovered: var(--theme-neutral-white);
--color-link-neutral-inverse-pressed: var(--theme-neutral-white);
--color-link-brand-default: var(--theme-brand-700);
--color-link-brand-hovered: var(--theme-brand-800);
--color-link-brand-pressed: var(--theme-brand-900);
--color-link-brand-inverse: var(--theme-brand-400);
--color-link-brand-inverse-hovered: var(--theme-brand-300);
--color-link-brand-inverse-pressed: var(--theme-brand-300);
--color-link-brand-selected: var(--theme-brand-650);
--color-link-brand-selected-strong: var(--theme-brand-700);
--color-link-danger-default: var(--theme-danger-700);
--color-link-danger-hovered: var(--theme-danger-800);
--color-link-danger-pressed: var(--theme-danger-900);
--color-link-danger-inverse: var(--theme-danger-400);
--color-link-danger-inverse-hovered: var(--theme-danger-300);
--color-link-danger-inverse-pressed: var(--theme-danger-300);
--color-link-success-default: var(--theme-success-700);
--color-link-success-hovered: var(--theme-success-800);
--color-link-success-pressed: var(--theme-success-900);
--color-link-success-inverse: var(--theme-success-400);
--color-link-success-inverse-hovered: var(--theme-success-300);
--color-link-success-inverse-pressed: var(--theme-success-300);
--color-background-static-neutral: var(--theme-neutral-50);
--color-background-static-subtle: var(--theme-neutral-25);
--color-background-static-subtlest: var(--theme-neutral-white);
--color-background-static-strong: var(--theme-neutral-100);
--color-background-static-stronger: var(--theme-neutral-200);
--color-background-static-inverse: var(--theme-neutral-1000);
--color-background-static-inverse-subtle: var(--theme-neutral-900);
--color-background-static-brand: var(--theme-brand-300);
--color-background-static-brand-subtle: var(--theme-brand-100);
--color-background-static-brand-strong: var(--theme-brand-500);
--color-background-static-success: var(--theme-success-200);
--color-background-static-success-subtle: var(--theme-success-100);
--color-background-static-danger: var(--theme-danger-200);
--color-background-static-danger-subtle: var(--theme-danger-100);
--color-background-static-danger-strong: var(--theme-danger-600);
--color-background-static-info: var(--theme-info-200);
--color-background-static-info-subtle: var(--theme-info-100);
--color-background-static-warning: var(--theme-warning-300);
--color-background-static-warning-subtle: var(--theme-warning-100);
--color-background-static-badge-neutral: var(--theme-neutral-200);
--color-background-static-overlay: var(--theme-opacity-black-50);
--color-background-static-accent-cyan: var(--theme-accent-cyan-200);
--color-background-static-accent-cyan-subtle: var(--theme-accent-cyan-100);
--color-background-static-accent-magenta: var(--theme-accent-magenta-200);
--color-background-static-accent-magenta-subtle: var(--theme-accent-magenta-100);
--color-background-static-accent-olive: var(--theme-accent-olive-300);
--color-background-static-accent-olive-subtle: var(--theme-accent-olive-200);
--color-background-static-accent-orange: var(--theme-accent-orange-300);
--color-background-static-accent-orange-subtle: var(--theme-accent-orange-200);
--color-background-static-accent-periwinkle: var(--theme-accent-periwinkle-300);
--color-background-interactive-brand-default: var(--theme-brand-650);
--color-background-interactive-brand-hovered: var(--theme-brand-700);
--color-background-interactive-brand-pressed: var(--theme-brand-800);
--color-background-interactive-neutral-default: var(--theme-neutral-white);
--color-background-interactive-neutral-hovered: var(--theme-neutral-100);
--color-background-interactive-neutral-pressed: var(--theme-neutral-200);
--color-background-interactive-neutral-inverse: var(--theme-neutral-600);
--color-background-interactive-neutral-inverse-hovered: var(--theme-neutral-700);
--color-background-interactive-neutral-inverse-pressed: var(--theme-neutral-800);
--color-background-interactive-success-default: var(--theme-success-600);
--color-background-interactive-success-hovered: var(--theme-success-700);
--color-background-interactive-success-pressed: var(--theme-success-800);
--color-background-interactive-danger-default: var(--theme-danger-600);
--color-background-interactive-danger-hovered: var(--theme-danger-700);
--color-background-interactive-danger-pressed: var(--theme-danger-800);
--color-background-interactive-disabled: var(--theme-neutral-50);
--color-background-interactive-selected-brand: var(--theme-brand-100);
--color-background-interactive-selected-brand-hovered: var(--theme-brand-200);
--color-background-interactive-selected-neutral: var(--theme-neutral-100);
--color-background-interactive-selected-neutral-hovered: var(--theme-neutral-200);
--color-background-interactive-control-default: var(--theme-neutral-white);
--color-background-interactive-control-disabled: var(--theme-neutral-100);
--color-background-interactive-control-selected: var(--theme-brand-500);
--color-background-interactive-control-icon-disabled: var(--theme-neutral-500);
--color-background-interactive-input-default: var(--theme-neutral-white);
--color-background-interactive-nav-item-default: var(--theme-opacity-white-transparent);
--color-background-interactive-nav-item-hovered: var(--theme-white-opacity-25);
--color-background-interactive-nav-item-selected: var(--theme-opacity-white-15);
--color-background-interactive-tab-default: var(--theme-neutral-100);
--color-background-interactive-tab-hovered: var(--theme-neutral-200);
--color-background-interactive-tab-pressed: var(--theme-neutral-300);
--color-background-interactive-tab-selected: var(--theme-neutral-white);
--color-background-interactive-table-default: var(--theme-neutral-white);
--color-background-interactive-table-zebra-stripe: var(--color-background-static-neutral);
--color-background-interactive-table-hovered: var(--theme-brand-100);
--color-background-interactive-table-disabled: var(--color-background-interactive-disabled);
--color-border-static-neutral: var(--theme-neutral-200);
--color-border-static-neutral-strong: var(--theme-neutral-300);
--color-border-static-brand: var(--theme-brand-400);
--color-border-static-brand-strong: var(--theme-brand-600);
--color-border-static-success: var(--theme-success-300);
--color-border-static-success-strong: var(--theme-success-600);
--color-border-static-danger: var(--theme-danger-300);
--color-border-static-danger-strong: var(--theme-danger-600);
--color-border-static-info: var(--theme-info-300);
--color-border-static-info-strong: var(--theme-info-600);
--color-border-static-warning: var(--theme-warning-400);
--color-border-static-warning-strong: var(--theme-warning-600);
--color-border-static-accent-olive: var(--theme-accent-olive-500);
--color-border-static-accent-olive-strong: var(--theme-accent-olive-700);
--color-border-static-accent-orange: var(--theme-accent-orange-400);
--color-border-static-accent-orange-strong: var(--theme-accent-orange-600);
--color-border-interactive-button-default: var(--theme-opacity-black-15);
--color-border-interactive-button-brand: var(--theme-brand-700);
--color-border-interactive-button-neutral: var(--theme-neutral-200);
--color-border-interactive-button-inverse: var(--theme-neutral-1000);
--color-border-interactive-button-success: var(--theme-success-700);
--color-border-interactive-button-danger: var(--theme-danger-700);
--color-border-interactive-disabled: var(--color-background-interactive-disabled);
--color-border-interactive-focused: #1b909b7f;
--color-border-interactive-inverse-focused: var(--theme-brand-400);
--color-border-interactive-selected-brand-default: var(--color-border-static-brand);
--color-border-interactive-selected-brand-hovered: var(--color-background-static-brand-strong);
--color-border-interactive-selected-neutral-default: var(--color-border-static-neutral-strong);
--color-border-interactive-selected-neutral-hovered: var(--color-border-interactive-input-field-hovered);
--color-border-interactive-selected-success-default: var(--theme-success-400);
--color-border-interactive-selected-success-hovered: var(--theme-success-700);
--color-border-interactive-selected-danger-default: var(--theme-danger-400);
--color-border-interactive-selected-danger-hovered: var(--theme-danger-700);
--color-border-interactive-input-field-default: var(--theme-neutral-300);
--color-border-interactive-input-field-hovered: var(--theme-neutral-600);
--color-border-interactive-input-field-focused: var(--theme-neutral-900);
--color-border-interactive-control-default: var(--theme-neutral-500);
--color-border-interactive-control-switch-default: var(--color-border-interactive-input-field-default);
--color-border-interactive-control-hovered: var(--theme-brand-600);
--color-border-interactive-control-focused: var(--theme-brand-700);
--color-border-interactive-control-warning: var(--theme-warning-700);
--color-border-interactive-control-disabled: var(--color-background-interactive-control-disabled);
--color-border-interactive-control-selected: var(--color-background-interactive-control-selected);
--color-border-interactive-spreadsheet-disabled: var(--theme-neutral-100);
--color-background-interactive-progress-bar: var(--theme-neutral-200);
--color-background-interactive-progress-brand: var(--theme-brand-500);
--space-grid-gap: var(--space-unit-400);
--space-alert-gap-between: var(--units-100);
--space-alert-padding-x: var(--units-200);
--space-alert-padding-y: var(--units-200);
--space-badge-gap-between: var(--units-75);
--space-badge-padding-x: var(--units-50);
--space-badge-padding-x-pill: var(--units-75);
--space-badge-padding-y: var(--units-25);
--space-breadcrumb-gap-between: var(--units-150);
--space-breadcrumb-padding-x: var(--space-page-padding-x);
--space-breadcrumb-padding-y: var(--units-100);
--space-button-all-gap-outside: var(--units-100);
--space-button-all-gap-between: var(--units-75);
--space-button-sm-gap-between: var(--space-button-all-gap-between);
--space-button-sm-padding-x: var(--units-100);
--space-button-sm-padding-y: var(--units-50);
--space-button-md-gap-between: var(--space-button-all-gap-between);
--space-button-md-padding-x: var(--units-200);
--space-button-md-padding-y: var(--units-100);
--space-button-lg-gap-between: var(--space-button-all-gap-between);
--space-button-lg-padding-x: var(--units-200);
--space-button-lg-padding-y: var(--units-100);
--space-container-sm-gap-between: var(--units-75);
--space-container-sm-gap-outside: var(--units-75);
--space-container-sm-padding-x: var(--units-150);
--space-container-sm-padding-y: var(--units-100);
--space-container-md-gap-between: var(--units-100);
--space-container-md-gap-outside: var(--units-200);
--space-container-md-padding-x: var(--units-200);
--space-container-md-padding-y: var(--units-200);
--space-form-error-gap-between: var(--units-75);
--space-form-error-padding-x: var(--units-75);
--space-form-error-padding-y: var(--units-75);
--space-input-gap-between: var(--units-100);
--space-input-gap-outside: var(--units-300);
--space-input-label-gap-x: var(--units-400);
--space-input-label-gap-y: var(--units-50);
--space-input-md-padding-x: var(--units-150);
--space-input-md-padding-y: var(--units-75);
--space-input-sm-padding-x: var(--units-100);
--space-input-sm-padding-y: var(--units-50);
--space-input-control-gap-outside: var(--units-150);
--space-list-item-gap-between: var(--units-100);
--space-list-item-gap-outside: var(--units-0);
--space-list-item-padding-x: var(--units-150);
--space-list-item-md-padding-y: var(--units-100);
--space-list-item-sm-padding-y: var(--units-50);
--space-modal-gap-between: var(--units-200);
--space-modal-padding-x: var(--units-200);
--space-modal-padding-y: var(--units-200);
--space-navbar-gap-between: var(--units-100);
--space-navbar-padding-x: var(--units-150);
--space-navbar-padding-y: var(--units-300);
--space-nav-item-gap-between: var(--units-200);
--space-nav-item-gap-outside: var(--units-100);
--space-nav-item-padding-x: var(--units-100);
--space-nav-item-padding-y: var(--units-100);
--space-page-gap-between: var(--units-200);
--space-page-padding-x: var(--units-200);
--space-page-padding-y: var(--units-200);
--space-popover-gap-between: var(--units-100);
--space-popover-padding-x: var(--units-200);
--space-popover-padding-y: var(--units-100);
--space-tab-gap-between: var(--units-50);
--space-tab-gap-outside-x: var(--units-50);
--space-tab-gap-outside-y: var(--units-100);
--space-tab-padding-x: var(--units-100);
--space-tab-padding-y: var(--units-50);
--space-table-cell-gap-between: var(--units-100);
--space-table-cell-padding-x: var(--units-150);
--space-table-cell-padding-y: var(--units-75);
--space-table-header-gap-between: var(--units-50);
--space-table-header-padding-x: var(--space-table-cell-padding-x);
--space-table-header-padding-y: var(--space-table-cell-padding-y);
--space-table-subheader-gap-between: var(--units-50);
--space-table-subheader-padding-x: var(--space-table-header-padding-x);
--space-table-subheader-paddingtop: var(--units-200);
--space-table-subheader-paddingbottom: var(--units-50);
--space-table-footer-gap-between: var(--units-100);
--space-table-footer-padding-x: var(--units-150);
--space-table-footer-padding-y: var(--units-75);
--space-spreadsheet-cell-gap-between: var(--units-100);
--space-spreadsheet-cell-padding-x: var(--units-50);
--space-spreadsheet-cell-padding-y: var(--units-0);
--space-spreadsheet-header-gap-between: var(--units-50);
--space-spreadsheet-header-padding-x: var(--units-50);
--space-spreadsheet-header-padding-y: var(--units-25);
--border-radius-none: 0;
--border-radius-xs: 2px;
--border-radius-sm: 3px;
--border-radius-md: 4px;
--border-radius-lg: 6px;
--border-radius-xl: 8px;
--border-radius-full: 9999px;
--border-units-0: 0;
--border-units-1: 1px;
--border-units-2: 2px;
--border-units-3: 3px;
--border-units-4: 4px;
--border-units-5: 5px;
--border-width-default: var(--border-units-1);
--border-width-focused: var(--border-units-4);
--border-width-error: var(--border-units-2);
--border-width-unread: var(--border-units-5);
--border-width-highlight: var(--border-units-2);
--size-modal-sm: 350px;
--size-modal-md: 500px;
--size-modal-lg: 800px;
--size-modal-xl: 1200px;
--size-container-min-width: 200px;
--size-container-max-width: 3000px;
--size-alert-min-width: 250px;
--size-alert-max-width: 3000px;
--size-dropdown-menu-min-width: 150px;
--size-dropdown-menu-max-width: 1200px;
--size-tooltip-min-width: 100px;
--size-tooltip-max-width: 250px;
--size-popover-min-width: 250px;
--size-popover-width: 375px;
--size-popover-max-width: 500px;
--size-avatar-24: 24px;
--size-avatar-30: 30px;
--size-avatar-36: 36px;
--size-avatar-50: 50px;
--size-avatar-75: 75px;
--size-avatar-150: 150px;
--size-button-min-height-sm: 1.6875rem;
--size-button-min-height-md: 2.1875rem;
--size-button-min-height-lg: 2.8125rem;
--shadow-100: 0 1px 2px 0 rgb(0 0 0 / 0.2), 0 2px 4px 0 rgb(0 0 0 / 0.22);
--shadow-100-brand: 0px 2px 4px 0px rgb(22 120 128 / 0.45), 0px 1px 2px 0px rgb(0 0 0 / 0.2);
--shadow-200: 0 3px 9px 0 rgb(66 66 66 / 0.13), 0 1px 3px 0 rgb(0 0 0 / 0.09);
--shadow-300: 0 6px 24px 0 rgb(66 66 66 / 0.2), 0 3px 6px 0 rgb(0 0 0 / 0.06);
--shadow-400: 0 6px 27px 0 rgb(66 66 66 / 0.2), 0 4px 16px 0 rgb(66 66 66 / 0.06);
--shadow-500: 0 6px 50px 0 rgb(66 66 66 / 0.16), 0 4px 32px 0 rgb(66 66 66 / 0.06);
--shadow-600: 0 6px 100px 0 rgb(66 66 66 / 0.14), 0 4px 60px 0 rgb(66 66 66 / 0.06);
}
[data-theme=dark] {
--color-background-interactive-disabled: var(--theme-neutral-1050);
--color-background-interactive-brand-default: var(--theme-brand-400);
--color-background-interactive-brand-hovered: var(--theme-brand-300);
--color-background-interactive-brand-pressed: var(--theme-brand-200);
--color-background-interactive-control-default: var(--theme-neutral-800);
--color-background-interactive-control-disabled: var(--theme-neutral-850);
--color-background-interactive-control-icon-disabled: var(--theme-neutral-400);
--color-background-interactive-control-selected: var(--theme-brand-500);
--color-background-interactive-danger-default: var(--theme-danger-400);
--color-background-interactive-danger-hovered: var(--theme-danger-300);
--color-background-interactive-danger-pressed: var(--theme-danger-200);
--color-background-interactive-input-default: var(--theme-neutral-950);
--color-background-interactive-nav-bar-main-nav: var(--theme-neutral-1000);
--color-background-interactive-nav-bar-sub-nav: var(--theme-neutral-950);
--color-background-interactive-nav-item-default: var(--theme-opacity-white-transparent);
--color-background-interactive-nav-item-hovered: var(--theme-white-opacity-25);
--color-background-interactive-nav-item-selected: var(--theme-opacity-white-15);
--color-background-interactive-neutral-default: var(--theme-neutral-800);
--color-background-interactive-neutral-hovered: var(--theme-neutral-700);
--color-background-interactive-neutral-inverse: var(--theme-neutral-100);
--color-background-interactive-neutral-inverse-hovered: var(--theme-neutral-300);
--color-background-interactive-neutral-inverse-pressed: var(--theme-neutral-500);
--color-background-interactive-neutral-pressed: var(--theme-neutral-600);
--color-background-interactive-progress-bar: var(--theme-neutral-700);
--color-background-interactive-progress-brand: var(--theme-brand-500);
--color-background-interactive-progress-success: var(--theme-success-400);
--color-background-interactive-progress-success-subtle: var(--theme-success-800);
--color-background-interactive-progress-warning: var(--color-icon-warning);
--color-background-interactive-selected-brand: var(--theme-brand-900);
--color-background-interactive-selected-brand-hovered: var(--theme-brand-800);
--color-background-interactive-selected-danger: var(--theme-danger-900);
--color-background-interactive-selected-danger-hovered: var(--theme-danger-800);
--color-background-interactive-selected-neutral: var(--theme-neutral-700);
--color-background-interactive-selected-neutral-hovered: var(--theme-neutral-600);
--color-background-interactive-selected-success: var(--theme-success-900);
--color-background-interactive-selected-success-hovered: var(--theme-success-800);
--color-background-interactive-selected-underline-brand: var(--color-border-interactive-selected-brand-default);
--color-background-interactive-success-default: var(--theme-success-400);
--color-background-interactive-success-hovered: var(--theme-success-300);
--color-background-interactive-success-pressed: var(--theme-success-200);
--color-background-interactive-tab-attached-body: var(--color-background-interactive-tab-selected-attached);
--color-background-interactive-tab-default: var(--theme-neutral-1050);
--color-background-interactive-tab-hovered: var(--theme-neutral-800);
--color-background-interactive-tab-pressed: var(--theme-neutral-800);
--color-background-interactive-tab-selected-attached: var(--color-background-static-subtle);
--color-background-interactive-tab-selected-detached: var(--theme-neutral-800);
--color-background-interactive-table-default: var(--theme-neutral-1000);
--color-background-interactive-table-disabled: var(--color-background-interactive-disabled);
--color-background-interactive-table-hovered: var(--theme-brand-1000);
--color-background-static-accent-cyan: var(--theme-accent-cyan-1000);
--color-background-static-accent-cyan-subtle: var(--theme-accent-cyan-900);
--color-background-static-accent-magenta: var(--theme-accent-magenta-1000);
--color-background-static-accent-magenta-subtle: var(--theme-accent-magenta-900);
--color-background-static-accent-olive: var(--theme-accent-olive-1000);
--color-background-static-accent-olive-subtle: var(--theme-accent-olive-900);
--color-background-static-accent-orange: var(--theme-accent-orange-1000);
--color-background-static-accent-orange-subtle: var(--theme-accent-orange-900);
--color-background-static-accent-periwinkle: var(--theme-accent-periwinkle-800);
--color-background-static-brand: var(--theme-brand-1000);
--color-background-static-brand-strong: var(--theme-brand-400);
--color-background-static-brand-subtle: var(--theme-brand-800);
--color-background-static-danger: var(--theme-danger-900);
--color-background-static-danger-strong: var(--theme-danger-600);
--color-background-static-danger-subtle: var(--theme-danger-1100);
--color-background-static-info: var(--theme-info-1000);
--color-background-static-info-subtle: var(--theme-info-1100);
--color-background-static-inverse: var(--theme-neutral-100);
--color-background-static-inverse-subtle: var(--theme-neutral-200);
--color-background-static-neutral: var(--theme-neutral-1050);
--color-background-static-overlay: var(--theme-opacity-black-50);
--color-background-static-strong: var(--theme-neutral-900);
--color-background-static-stronger: var(--theme-neutral-700);
--color-background-static-subtle: var(--theme-neutral-1000);
--color-background-static-subtlest: var(--theme-neutral-950);
--color-background-static-success: var(--theme-success-1000);
--color-background-static-success-subtle: var(--theme-success-1100);
--color-background-static-warning: var(--theme-warning-1000);
--color-background-static-warning-subtle: var(--theme-warning-1100);
--color-border-interactive-disabled: var(--color-background-interactive-disabled);
--color-border-interactive-focused: var(--theme-brand-400);
--color-border-interactive-inverse-focused: var(--theme-brand-700);
--color-border-interactive-button-brand: var(--theme-brand-400);
--color-border-interactive-button-danger: var(--theme-danger-400);
--color-border-interactive-button-default: var(--theme-white-opacity-15);
--color-border-interactive-button-inverse: var(--theme-neutral-100);
--color-border-interactive-button-neutral: var(--theme-neutral-700);
--color-border-interactive-button-success: var(--theme-success-400);
--color-border-interactive-control-default: var(--theme-neutral-600);
--color-border-interactive-control-disabled: var(--color-background-interactive-control-disabled);
--color-border-interactive-control-focused: var(--theme-brand-400);
--color-border-interactive-control-hovered: var(--theme-brand-500);
--color-border-interactive-control-selected: var(--color-background-interactive-control-selected);
--color-border-interactive-control-switch-default: var(--color-border-interactive-input-field-default);
--color-border-interactive-control-warning: var(--theme-warning-400);
--color-border-interactive-input-field-default: var(--theme-neutral-700);
--color-border-interactive-input-field-focused: var(--theme-brand-400);
--color-border-interactive-input-field-hovered: var(--theme-neutral-400);
--color-border-interactive-selected-brand-default: var(--color-border-static-brand);
--color-border-interactive-selected-brand-hovered: var(--color-background-static-brand-strong);
--color-border-interactive-selected-danger-default: var(--theme-danger-700);
--color-border-interactive-selected-danger-hovered: var(--theme-danger-400);
--color-border-interactive-selected-neutral-default: var(--color-border-static-neutral-strong);
--color-border-interactive-selected-neutral-hovered: var(--color-border-interactive-input-field-hovered);
--color-border-interactive-selected-neutral-inverse: var(--color-link-neutral-inverse-hovered);
--color-border-interactive-selected-neutral-inverse-hovered: var(--color-link-neutral-inverse-hovered);
--color-border-interactive-selected-success-default: var(--theme-success-700);
--color-border-interactive-selected-success-hovered: var(--theme-success-400);
--color-border-interactive-spreadsheet-disabled: var(--theme-neutral-1000);
--color-border-static-brand: var(--theme-brand-500);
--color-border-static-brand-strong: var(--theme-brand-300);
--color-border-static-danger: var(--theme-danger-700);
--color-border-static-danger-strong: var(--theme-danger-400);
--color-border-static-info: var(--theme-info-700);
--color-border-static-info-strong: var(--theme-info-400);
--color-border-static-neutral: var(--theme-neutral-700);
--color-border-static-neutral-strong: var(--theme-neutral-600);
--color-border-static-success: var(--theme-success-700);
--color-border-static-success-strong: var(--theme-success-400);
--color-border-static-warning: var(--theme-warning-700);
--color-border-static-warning-strong: var(--theme-warning-500);
--color-border-static-accent-olive: var(--theme-accent-olive-700);
--color-border-static-accent-olive-strong: var(--theme-accent-olive-400);
--color-border-static-accent-orange: var(--theme-accent-orange-700);
--color-border-static-accent-orange-strong: var(--theme-accent-orange-400);
--color-icon-accent-cyan: var(--theme-accent-cyan-400);
--color-icon-accent-magenta: var(--theme-accent-magenta-400);
--color-icon-accent-olive: var(--theme-accent-olive-400);
--color-icon-accent-orange: var(--theme-accent-orange-400);
--color-icon-accent-periwinkle: var(--theme-accent-periwinkle-400);
--color-icon-brand: var(--theme-brand-500);
--color-icon-danger: var(--theme-danger-400);
--color-icon-info: var(--theme-info-400);
--color-icon-inverse: var(--theme-neutral-1100);
--color-icon-neutral: var(--theme-neutral-400);
--color-icon-neutral-subtle: var(--theme-neutral-500);
--color-icon-neutral-subtler: var(--theme-neutral-600);
--color-icon-success: var(--theme-success-400);
--color-icon-warning: var(--theme-warning-400);
--color-link-brand-default: var(--theme-brand-400);
--color-link-brand-hovered: var(--theme-brand-300);
--color-link-brand-inverse: var(--theme-brand-700);
--color-link-brand-inverse-hovered: var(--theme-brand-800);
--color-link-brand-inverse-pressed: var(--theme-brand-800);
--color-link-brand-pressed: var(--theme-brand-200);
--color-link-brand-selected: var(--theme-brand-500);
--color-link-brand-selected-strong: var(--theme-brand-400);
--color-link-danger-default: var(--theme-danger-400);
--color-link-danger-hovered: var(--theme-danger-300);
--color-link-danger-inverse: var(--theme-danger-700);
--color-link-danger-inverse-hovered: var(--theme-danger-800);
--color-link-danger-inverse-pressed: var(--theme-danger-800);
--color-link-danger-pressed: var(--theme-danger-200);
--color-link-neutral-default: var(--theme-neutral-50);
--color-link-neutral-hovered: var(--theme-neutral-25);
--color-link-neutral-inverse: var(--theme-neutral-700);
--color-link-neutral-inverse-hovered: var(--theme-neutral-1100);
--color-link-neutral-inverse-pressed: var(--theme-neutral-1100);
--color-link-neutral-pressed: var(--theme-neutral-25);
--color-link-neutral-selected: var(--theme-neutral-25);
--color-link-success-default: var(--theme-success-400);
--color-link-success-hovered: var(--theme-success-300);
--color-link-success-inverse: var(--theme-success-700);
--color-link-success-inverse-hovered: var(--theme-success-800);
--color-link-success-inverse-pressed: var(--theme-success-800);
--color-link-success-pressed: var(--theme-success-200);
--color-text-accent-cyan: var(--theme-cyan-300);
--color-text-accent-magenta: var(--theme-magenta-300);
--color-text-accent-olive: var(--theme-accent-olive-700);
--color-text-accent-olive-strong: var(--theme-accent-olive-400);
--color-text-accent-orange: var(--theme-accent-orange-700);
--color-text-accent-orange-strong: var(--theme-accent-orange-400);
--color-text-accent-periwinkle: var(--theme-periwinkle-300);
--color-text-brand: var(--theme-brand-300);
--color-text-brand-strong: var(--theme-brand-100);
--color-text-danger: var(--theme-danger-300);
--color-text-disabled: var(--theme-neutral-400);
--color-text-disabled-inverse: var(--theme-neutral-500);
--color-text-error: var(--theme-danger-400);
--color-text-info: var(--theme-info-300);
--color-text-inverse: var(--theme-neutral-1100);
--color-text-placeholder: var(--theme-neutral-500);
--color-text-primary: var(--theme-neutral-100);
--color-text-secondary: var(--theme-neutral-200);
--color-text-success: var(--theme-success-400);
--color-text-tertiary: var(--theme-neutral-300);
--color-text-warning: var(--theme-warning-300);
--btn-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0.22), 0 1px 2px 0 rgb(0 0 0 / 0.2);
--shadow-100: 0 0 0 1px rgb(255 255 255 / 0.2);
--color-background-interactive-tab-default: var(--theme-neutral-1050, #1e1e1e);
--color-background-interactive-tab-hovered: var(--theme-neutral-800, #323232);
--color-background-interactive-tab-pressed: var(--theme-neutral-800, #323232);
--color-background-interactive-tab-selected-attached: var(--color-background-static-subtle, #212121);
--color-background-interactive-tab-selected-detached: var(--theme-neutral-800, #323232);
--color-background-interactive-tab-selected: var(--theme-neutral-800, #323232);
--color-background-interactive-table-cell-highlight: #16788066;
--color-background-interactive-table-default: var(--theme-neutral-1000, #212121);
--color-background-interactive-table-disabled: var(--color-background-interactive-disabled, #1e1e1e);
--color-background-interactive-table-hovered: var(--theme-brand-1000, #0c4045);
--color-background-interactive-table-read-only: var(--color-background-static-subtle, #212121);
--ht-scrollbar-track-color: #2a2a2a;
--ht-scrollbar-thumb-color: #555;
color-scheme: dark;
color: var(--color-text-primary);
}
*,
*::before,
*::after {
box-sizing: border-box;
}
:root {
min-height: 100%;
font-size: var(--font-size-root);
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
min-height: 100vh;
margin: 0;
background-color: var(--body-bg);
color: var(--body-color);
font-family: var(--body-font-family);
font-size: var(--font-size-body);
font-weight: var(--body-font-weight);
line-height: var(--body-line-height);
text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
h1 {
margin-top: 0;
margin-bottom: var(--units-100);
color: inherit;
font-size: var(--h1-font-size);
font-weight: var(--h1-font-weight);
line-height: var(--h1-line-height);
}
h2 {
margin-top: 0;
margin-bottom: var(--units-100);
color: inherit;
font-size: var(--h2-font-size);
font-weight: var(--h2-font-weight);
line-height: var(--h2-line-height);
}
h3 {
margin-top: 0;
margin-bottom: var(--units-100);
color: inherit;
font-size: var(--h3-font-size);
font-weight: var(--h3-font-weight);
line-height: var(--h3-line-height);
}
h4 {
margin-top: 0;
margin-bottom: var(--units-100);
color: inherit;
font-size: var(--h4-font-size);
font-weight: var(--h4-font-weight);
line-height: var(--h4-line-height);
}
h5 {
margin-top: 0;
margin-bottom: var(--units-100);
color: inherit;
font-size: var(--h5-font-size);
font-weight: var(--h5-font-weight);
line-height: var(--h5-line-height);
}
h6 {
margin-top: 0;
margin-bottom: var(--units-100);
color: inherit;
font-size: var(--h6-font-size);
font-weight: var(--h6-font-weight);
line-height: var(--h6-line-height);
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title] {
text-decoration: underline dotted;
cursor: help;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: var(--units-400);
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: 700;
}
small {
font-size: var(--font-size-sm);
}
mark {
padding: 0.1875em;
background-color: var(--highlight-bg);
}
sub,
sup {
position: relative;
font-size: var(--font-size-sm);
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a,
.link {
align-items: baseline;
transition: all 0.15s ease-in-out;
color: var(--link-color);
text-decoration: none;
}
a:visited,
.link:visited {
color: var(--link-color);
}
a:hover, a:focus,
.link:hover,
.link:focus {
color: var(--link-hover-color);
cursor: pointer;
}
a:focus-visible,
.link:focus-visible {
border-radius: 2px;
outline: 0.25rem solid rgba(28, 145, 156, 0.5);
outline-offset: 6px;
}
a:active,
.link:active {
color: var(--link-active-color);
}
a:disabled,
.link:disabled {
color: var(--link-disabled-color);
}
.link-inverse {
--link-color: var(--color-link-brand-inverse);
}
button.link {
padding: 0;
border: none;
background: none;
}
a:not([href], [class]), a:not([href], [class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: var(--font-monospace);
font-size: 1em;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 1rem;
}
pre code {
color: inherit;
font-size: inherit;
word-break: normal;
}
code {
color: var(--code-color);
font-size: 1rem;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.1875rem 0.375rem;
border-radius: var(--border-radius-sm);
background-color: var(--body-color);
color: inherit;
font-size: 1rem;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
max-width: 100%;
height: auto;
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: var(--space-table-cell-padding-y);
padding-bottom: var(--space-table-cell-padding-y);
color: var(--color-text-tertiary);
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-width: 0;
border-style: solid;
border-color: inherit;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]:not([type=date], [type=datetime-local], [type=month], [type=week], [type=time])::-webkit-calendar-picker-indicator {
display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
legend {
width: 100%;
margin-bottom: var(--units-50);
padding: 0;
float: left;
font-size: var(--font-size-md);
line-height: inherit;
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
appearance: textfield;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::file-selector-button {
font: inherit;
appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
@media screen and (prefers-reduced-motion: reduce), (update: slow) {
*,
*::before,
*::after {
transition-duration: 0s !important;
transition-delay: 0s !important;
animation-duration: 0s !important;
animation-delay: 0s !important;
animation-iteration-count: 1 !important;
}
}
input[data-autocompleted] {
background-color: transparent !important;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
transition: background-color 0s 0s, color 0s 0s;
transition-delay: 200s;
}
.row {
--gutter-x: var(--grid-gutter-width);
--gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--gutter-y));
margin-right: calc(-0.5 * var(--gutter-x));
margin-left: calc(-0.5 * var(--gutter-x));
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
margin-top: var(--gutter-y);
padding-right: calc(var(--gutter-x) * 0.5);
padding-left: calc(var(--gutter-x) * 0.5);
}
.col {
flex: 1 0 0%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
--gutter-x: 0;
}
.g-0,
.gy-0 {
--gutter-y: 0;
}
.g-1,
.gx-1 {
--gutter-x: var(--units-25);
}
.g-1,
.gy-1 {
--gutter-y: var(--units-25);
}
.g-2,
.gx-2 {
--gutter-x: var(--units-50);
}
.g-2,
.gy-2 {
--gutter-y: var(--units-50);
}
.g-3,
.gx-3 {
--gutter-x: var(--units-75);
}
.g-3,
.gy-3 {
--gutter-y: var(--units-75);
}
.g-4,
.gx-4 {
--gutter-x: var(--units-100);
}
.g-4,
.gy-4 {
--gutter-y: var(--units-100);
}
.g-5,
.gx-5 {
--gutter-x: var(--units-150);
}
.g-5,
.gy-5 {
--gutter-y: var(--units-150);
}
.g-6,
.gx-6 {
--gutter-x: var(--units-200);
}
.g-6,
.gy-6 {
--gutter-y: var(--units-200);
}
.g-7,
.gx-7 {
--gutter-x: var(--units-250);
}
.g-7,
.gy-7 {
--gutter-y: var(--units-250);
}
.g-8,
.gx-8 {
--gutter-x: var(--units-300);
}
.g-8,
.gy-8 {
--gutter-y: var(--units-300);
}
.g-9,
.gx-9 {
--gutter-x: var(--units-400);
}
.g-9,
.gy-9 {
--gutter-y: var(--units-400);
}
.g-10,
.gx-10 {
--gutter-x: var(--units-500);
}
.g-10,
.gy-10 {
--gutter-y: var(--units-500);
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.g-sm-0,
.gx-sm-0 {
--gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--gutter-x: var(--units-25);
}
.g-sm-1,
.gy-sm-1 {
--gutter-y: var(--units-25);
}
.g-sm-2,
.gx-sm-2 {
--gutter-x: var(--units-50);
}
.g-sm-2,
.gy-sm-2 {
--gutter-y: var(--units-50);
}
.g-sm-3,
.gx-sm-3 {
--gutter-x: var(--units-75);
}
.g-sm-3,
.gy-sm-3 {
--gutter-y: var(--units-75);
}
.g-sm-4,
.gx-sm-4 {
--gutter-x: var(--units-100);
}
.g-sm-4,
.gy-sm-4 {
--gutter-y: var(--units-100);
}
.g-sm-5,
.gx-sm-5 {
--gutter-x: var(--units-150);
}
.g-sm-5,
.gy-sm-5 {
--gutter-y: var(--units-150);
}
.g-sm-6,
.gx-sm-6 {
--gutter-x: var(--units-200);
}
.g-sm-6,
.gy-sm-6 {
--gutter-y: var(--units-200);
}
.g-sm-7,
.gx-sm-7 {
--gutter-x: var(--units-250);
}
.g-sm-7,
.gy-sm-7 {
--gutter-y: var(--units-250);
}
.g-sm-8,
.gx-sm-8 {
--gutter-x: var(--units-300);
}
.g-sm-8,
.gy-sm-8 {
--gutter-y: var(--units-300);
}
.g-sm-9,
.gx-sm-9 {
--gutter-x: var(--units-400);
}
.g-sm-9,
.gy-sm-9 {
--gutter-y: var(--units-400);
}
.g-sm-10,
.gx-sm-10 {
--gutter-x: var(--units-500);
}
.g-sm-10,
.gy-sm-10 {
--gutter-y: var(--units-500);
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
.g-md-0,
.gx-md-0 {
--gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--gutter-x: var(--units-25);
}
.g-md-1,
.gy-md-1 {
--gutter-y: var(--units-25);
}
.g-md-2,
.gx-md-2 {
--gutter-x: var(--units-50);
}
.g-md-2,
.gy-md-2 {
--gutter-y: var(--units-50);
}
.g-md-3,
.gx-md-3 {
--gutter-x: var(--units-75);
}
.g-md-3,
.gy-md-3 {
--gutter-y: var(--units-75);
}
.g-md-4,
.gx-md-4 {
--gutter-x: var(--units-100);
}
.g-md-4,
.gy-md-4 {
--gutter-y: var(--units-100);
}
.g-md-5,
.gx-md-5 {
--gutter-x: var(--units-150);
}
.g-md-5,
.gy-md-5 {
--gutter-y: var(--units-150);
}
.g-md-6,
.gx-md-6 {
--gutter-x: var(--units-200);
}
.g-md-6,
.gy-md-6 {
--gutter-y: var(--units-200);
}
.g-md-7,
.gx-md-7 {
--gutter-x: var(--units-250);
}
.g-md-7,
.gy-md-7 {
--gutter-y: var(--units-250);
}
.g-md-8,
.gx-md-8 {
--gutter-x: var(--units-300);
}
.g-md-8,
.gy-md-8 {
--gutter-y: var(--units-300);
}
.g-md-9,
.gx-md-9 {
--gutter-x: var(--units-400);
}
.g-md-9,
.gy-md-9 {
--gutter-y: var(--units-400);
}
.g-md-10,
.gx-md-10 {
--gutter-x: var(--units-500);
}
.g-md-10,
.gy-md-10 {
--gutter-y: var(--units-500);
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.g-lg-0,
.gx-lg-0 {
--gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--gutter-x: var(--units-25);
}
.g-lg-1,
.gy-lg-1 {
--gutter-y: var(--units-25);
}
.g-lg-2,
.gx-lg-2 {
--gutter-x: var(--units-50);
}
.g-lg-2,
.gy-lg-2 {
--gutter-y: var(--units-50);
}
.g-lg-3,
.gx-lg-3 {
--gutter-x: var(--units-75);
}
.g-lg-3,
.gy-lg-3 {
--gutter-y: var(--units-75);
}
.g-lg-4,
.gx-lg-4 {
--gutter-x: var(--units-100);
}
.g-lg-4,
.gy-lg-4 {
--gutter-y: var(--units-100);
}
.g-lg-5,
.gx-lg-5 {
--gutter-x: var(--units-150);
}
.g-lg-5,
.gy-lg-5 {
--gutter-y: var(--units-150);
}
.g-lg-6,
.gx-lg-6 {
--gutter-x: var(--units-200);
}
.g-lg-6,
.gy-lg-6 {
--gutter-y: var(--units-200);
}
.g-lg-7,
.gx-lg-7 {
--gutter-x: var(--units-250);
}
.g-lg-7,
.gy-lg-7 {
--gutter-y: var(--units-250);
}
.g-lg-8,
.gx-lg-8 {
--gutter-x: var(--units-300);
}
.g-lg-8,
.gy-lg-8 {
--gutter-y: var(--units-300);
}
.g-lg-9,
.gx-lg-9 {
--gutter-x: var(--units-400);
}
.g-lg-9,
.gy-lg-9 {
--gutter-y: var(--units-400);
}
.g-lg-10,
.gx-lg-10 {
--gutter-x: var(--units-500);
}
.g-lg-10,
.gy-lg-10 {
--gutter-y: var(--units-500);
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.g-xl-0,
.gx-xl-0 {
--gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--gutter-x: var(--units-25);
}
.g-xl-1,
.gy-xl-1 {
--gutter-y: var(--units-25);
}
.g-xl-2,
.gx-xl-2 {
--gutter-x: var(--units-50);
}
.g-xl-2,
.gy-xl-2 {
--gutter-y: var(--units-50);
}
.g-xl-3,
.gx-xl-3 {
--gutter-x: var(--units-75);
}
.g-xl-3,
.gy-xl-3 {
--gutter-y: var(--units-75);
}
.g-xl-4,
.gx-xl-4 {
--gutter-x: var(--units-100);
}
.g-xl-4,
.gy-xl-4 {
--gutter-y: var(--units-100);
}
.g-xl-5,
.gx-xl-5 {
--gutter-x: var(--units-150);
}
.g-xl-5,
.gy-xl-5 {
--gutter-y: var(--units-150);
}
.g-xl-6,
.gx-xl-6 {
--gutter-x: var(--units-200);
}
.g-xl-6,
.gy-xl-6 {
--gutter-y: var(--units-200);
}
.g-xl-7,
.gx-xl-7 {
--gutter-x: var(--units-250);
}
.g-xl-7,
.gy-xl-7 {
--gutter-y: var(--units-250);
}
.g-xl-8,
.gx-xl-8 {
--gutter-x: var(--units-300);
}
.g-xl-8,
.gy-xl-8 {
--gutter-y: var(--units-300);
}
.g-xl-9,
.gx-xl-9 {
--gutter-x: var(--units-400);
}
.g-xl-9,
.gy-xl-9 {
--gutter-y: var(--units-400);
}
.g-xl-10,
.gx-xl-10 {
--gutter-x: var(--units-500);
}
.g-xl-10,
.gy-xl-10 {
--gutter-y: var(--units-500);
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--gutter-x: var(--units-25);
}
.g-xxl-1,
.gy-xxl-1 {
--gutter-y: var(--units-25);
}
.g-xxl-2,
.gx-xxl-2 {
--gutter-x: var(--units-50);
}
.g-xxl-2,
.gy-xxl-2 {
--gutter-y: var(--units-50);
}
.g-xxl-3,
.gx-xxl-3 {
--gutter-x: var(--units-75);
}
.g-xxl-3,
.gy-xxl-3 {
--gutter-y: var(--units-75);
}
.g-xxl-4,
.gx-xxl-4 {
--gutter-x: var(--units-100);
}
.g-xxl-4,
.gy-xxl-4 {
--gutter-y: var(--units-100);
}
.g-xxl-5,
.gx-xxl-5 {
--gutter-x: var(--units-150);
}
.g-xxl-5,
.gy-xxl-5 {
--gutter-y: var(--units-150);
}
.g-xxl-6,
.gx-xxl-6 {
--gutter-x: var(--units-200);
}
.g-xxl-6,
.gy-xxl-6 {
--gutter-y: var(--units-200);
}
.g-xxl-7,
.gx-xxl-7 {
--gutter-x: var(--units-250);
}
.g-xxl-7,
.gy-xxl-7 {
--gutter-y: var(--units-250);
}
.g-xxl-8,
.gx-xxl-8 {
--gutter-x: var(--units-300);
}
.g-xxl-8,
.gy-xxl-8 {
--gutter-y: var(--units-300);
}
.g-xxl-9,
.gx-xxl-9 {
--gutter-x: var(--units-400);
}
.g-xxl-9,
.gy-xxl-9 {
--gutter-y: var(--units-400);
}
.g-xxl-10,
.gx-xxl-10 {
--gutter-x: var(--units-500);
}
.g-xxl-10,
.gy-xxl-10 {
--gutter-y: var(--units-500);
}
}
.grid {
display: grid;
grid-template-columns: repeat(var(--columns, var(--grid-columns)), 1fr);
grid-template-rows: repeat(var(--rows, 1), 1fr);
gap: var(--gap, var(--grid-gutter-width));
}
.grid .g-col-1 {
grid-column: auto/span 1;
}
.grid .g-col-2 {
grid-column: auto/span 2;
}
.grid .g-col-3 {
grid-column: auto/span 3;
}
.grid .g-col-4 {
grid-column: auto/span 4;
}
.grid .g-col-5 {
grid-column: auto/span 5;
}
.grid .g-col-6 {
grid-column: auto/span 6;
}
.grid .g-col-7 {
grid-column: auto/span 7;
}
.grid .g-col-8 {
grid-column: auto/span 8;
}
.grid .g-col-9 {
grid-column: auto/span 9;
}
.grid .g-col-10 {
grid-column: auto/span 10;
}
.grid .g-col-11 {
grid-column: auto/span 11;
}
.grid .g-col-12 {
grid-column: auto/span 12;
}
.grid .g-start-1 {
grid-column-start: 1;
}
.grid .g-start-2 {
grid-column-start: 2;
}
.grid .g-start-3 {
grid-column-start: 3;
}
.grid .g-start-4 {
grid-column-start: 4;
}
.grid .g-start-5 {
grid-column-start: 5;
}
.grid .g-start-6 {
grid-column-start: 6;
}
.grid .g-start-7 {
grid-column-start: 7;
}
.grid .g-start-8 {
grid-column-start: 8;
}
.grid .g-start-9 {
grid-column-start: 9;
}
.grid .g-start-10 {
grid-column-start: 10;
}
.grid .g-start-11 {
grid-column-start: 11;
}
@media (min-width: 576px) {
.grid .g-col-sm-1 {
grid-column: auto/span 1;
}
.grid .g-col-sm-2 {
grid-column: auto/span 2;
}
.grid .g-col-sm-3 {
grid-column: auto/span 3;
}
.grid .g-col-sm-4 {
grid-column: auto/span 4;
}
.grid .g-col-sm-5 {
grid-column: auto/span 5;
}
.grid .g-col-sm-6 {
grid-column: auto/span 6;
}
.grid .g-col-sm-7 {
grid-column: auto/span 7;
}
.grid .g-col-sm-8 {
grid-column: auto/span 8;
}
.grid .g-col-sm-9 {
grid-column: auto/span 9;
}
.grid .g-col-sm-10 {
grid-column: auto/span 10;
}
.grid .g-col-sm-11 {
grid-column: auto/span 11;
}
.grid .g-col-sm-12 {
grid-column: auto/span 12;
}
.grid .g-start-sm-1 {
grid-column-start: 1;
}
.grid .g-start-sm-2 {
grid-column-start: 2;
}
.grid .g-start-sm-3 {
grid-column-start: 3;
}
.grid .g-start-sm-4 {
grid-column-start: 4;
}
.grid .g-start-sm-5 {
grid-column-start: 5;
}
.grid .g-start-sm-6 {
grid-column-start: 6;
}
.grid .g-start-sm-7 {
grid-column-start: 7;
}
.grid .g-start-sm-8 {
grid-column-start: 8;
}
.grid .g-start-sm-9 {
grid-column-start: 9;
}
.grid .g-start-sm-10 {
grid-column-start: 10;
}
.grid .g-start-sm-11 {
grid-column-start: 11;
}
}
@media (min-width: 768px) {
.grid .g-col-md-1 {
grid-column: auto/span 1;
}
.grid .g-col-md-2 {
grid-column: auto/span 2;
}
.grid .g-col-md-3 {
grid-column: auto/span 3;
}
.grid .g-col-md-4 {
grid-column: auto/span 4;
}
.grid .g-col-md-5 {
grid-column: auto/span 5;
}
.grid .g-col-md-6 {
grid-column: auto/span 6;
}
.grid .g-col-md-7 {
grid-column: auto/span 7;
}
.grid .g-col-md-8 {
grid-column: auto/span 8;
}
.grid .g-col-md-9 {
grid-column: auto/span 9;
}
.grid .g-col-md-10 {
grid-column: auto/span 10;
}
.grid .g-col-md-11 {
grid-column: auto/span 11;
}
.grid .g-col-md-12 {
grid-column: auto/span 12;
}
.grid .g-start-md-1 {
grid-column-start: 1;
}
.grid .g-start-md-2 {
grid-column-start: 2;
}
.grid .g-start-md-3 {
grid-column-start: 3;
}
.grid .g-start-md-4 {
grid-column-start: 4;
}
.grid .g-start-md-5 {
grid-column-start: 5;
}
.grid .g-start-md-6 {
grid-column-start: 6;
}
.grid .g-start-md-7 {
grid-column-start: 7;
}
.grid .g-start-md-8 {
grid-column-start: 8;
}
.grid .g-start-md-9 {
grid-column-start: 9;
}
.grid .g-start-md-10 {
grid-column-start: 10;
}
.grid .g-start-md-11 {
grid-column-start: 11;
}
}
@media (min-width: 992px) {
.grid .g-col-lg-1 {
grid-column: auto/span 1;
}
.grid .g-col-lg-2 {
grid-column: auto/span 2;
}
.grid .g-col-lg-3 {
grid-column: auto/span 3;
}
.grid .g-col-lg-4 {
grid-column: auto/span 4;
}
.grid .g-col-lg-5 {
grid-column: auto/span 5;
}
.grid .g-col-lg-6 {
grid-column: auto/span 6;
}
.grid .g-col-lg-7 {
grid-column: auto/span 7;
}
.grid .g-col-lg-8 {
grid-column: auto/span 8;
}
.grid .g-col-lg-9 {
grid-column: auto/span 9;
}
.grid .g-col-lg-10 {
grid-column: auto/span 10;
}
.grid .g-col-lg-11 {
grid-column: auto/span 11;
}
.grid .g-col-lg-12 {
grid-column: auto/span 12;
}
.grid .g-start-lg-1 {
grid-column-start: 1;
}
.grid .g-start-lg-2 {
grid-column-start: 2;
}
.grid .g-start-lg-3 {
grid-column-start: 3;
}
.grid .g-start-lg-4 {
grid-column-start: 4;
}
.grid .g-start-lg-5 {
grid-column-start: 5;
}
.grid .g-start-lg-6 {
grid-column-start: 6;
}
.grid .g-start-lg-7 {
grid-column-start: 7;
}
.grid .g-start-lg-8 {
grid-column-start: 8;
}
.grid .g-start-lg-9 {
grid-column-start: 9;
}
.grid .g-start-lg-10 {
grid-column-start: 10;
}
.grid .g-start-lg-11 {
grid-column-start: 11;
}
}
@media (min-width: 1200px) {
.grid .g-col-xl-1 {
grid-column: auto/span 1;
}
.grid .g-col-xl-2 {
grid-column: auto/span 2;
}
.grid .g-col-xl-3 {
grid-column: auto/span 3;
}
.grid .g-col-xl-4 {
grid-column: auto/span 4;
}
.grid .g-col-xl-5 {
grid-column: auto/span 5;
}
.grid .g-col-xl-6 {
grid-column: auto/span 6;
}
.grid .g-col-xl-7 {
grid-column: auto/span 7;
}
.grid .g-col-xl-8 {
grid-column: auto/span 8;
}
.grid .g-col-xl-9 {
grid-column: auto/span 9;
}
.grid .g-col-xl-10 {
grid-column: auto/span 10;
}
.grid .g-col-xl-11 {
grid-column: auto/span 11;
}
.grid .g-col-xl-12 {
grid-column: auto/span 12;
}
.grid .g-start-xl-1 {
grid-column-start: 1;
}
.grid .g-start-xl-2 {
grid-column-start: 2;
}
.grid .g-start-xl-3 {
grid-column-start: 3;
}
.grid .g-start-xl-4 {
grid-column-start: 4;
}
.grid .g-start-xl-5 {
grid-column-start: 5;
}
.grid .g-start-xl-6 {
grid-column-start: 6;
}
.grid .g-start-xl-7 {
grid-column-start: 7;
}
.grid .g-start-xl-8 {
grid-column-start: 8;
}
.grid .g-start-xl-9 {
grid-column-start: 9;
}
.grid .g-start-xl-10 {
grid-column-start: 10;
}
.grid .g-start-xl-11 {
grid-column-start: 11;
}
}
@media (min-width: 1400px) {
.grid .g-col-xxl-1 {
grid-column: auto/span 1;
}
.grid .g-col-xxl-2 {
grid-column: auto/span 2;
}
.grid .g-col-xxl-3 {
grid-column: auto/span 3;
}
.grid .g-col-xxl-4 {
grid-column: auto/span 4;
}
.grid .g-col-xxl-5 {
grid-column: auto/span 5;
}
.grid .g-col-xxl-6 {
grid-column: auto/span 6;
}
.grid .g-col-xxl-7 {
grid-column: auto/span 7;
}
.grid .g-col-xxl-8 {
grid-column: auto/span 8;
}
.grid .g-col-xxl-9 {
grid-column: auto/span 9;
}
.grid .g-col-xxl-10 {
grid-column: auto/span 10;
}
.grid .g-col-xxl-11 {
grid-column: auto/span 11;
}
.grid .g-col-xxl-12 {
grid-column: auto/span 12;
}
.grid .g-start-xxl-1 {
grid-column-start: 1;
}
.grid .g-start-xxl-2 {
grid-column-start: 2;
}
.grid .g-start-xxl-3 {
grid-column-start: 3;
}
.grid .g-start-xxl-4 {
grid-column-start: 4;
}
.grid .g-start-xxl-5 {
grid-column-start: 5;
}
.grid .g-start-xxl-6 {
grid-column-start: 6;
}
.grid .g-start-xxl-7 {
grid-column-start: 7;
}
.grid .g-start-xxl-8 {
grid-column-start: 8;
}
.grid .g-start-xxl-9 {
grid-column-start: 9;
}
.grid .g-start-xxl-10 {
grid-column-start: 10;
}
.grid .g-start-xxl-11 {
grid-column-start: 11;
}
}
:root {
--table-color: var(--body-color);
--table-bg: var(--color-background-interactive-table-default);
--table-th-bg: var(--color-background-static-strong);
--table-border-color: var(--color-border-static-neutral);
--table-accent-bg: transparent;
--table-striped-color: var(--body-color);
--table-striped-bg: rgba(var(--theme-neutral-400), 0.05);
--table-active-color: var(--body-color);
--table-active-bg: rgba(0, 0, 0, 0.1);
--table-hover-color: var(--body-color);
--table-hover-bg: var(--color-background-interactive-table-hovered);
}
.table {
width: 100%;
margin-bottom: var(--units-200);
border: var(--border-width-default) solid var(--table-border-color);
color: var(--table-color);
vertical-align: baseline;
}
.table > :not(caption) > * > * {
padding: var(--space-table-cell-padding-y) var(--space-table-cell-padding-x);
border-bottom-width: var(--border-width-default);
background-color: var(--table-bg);
box-shadow: inset 0 0 0 9999px var(--table-accent-bg);
}
.table > tbody {
vertical-align: inherit;
}
.table > thead {
vertical-align: bottom;
}
.table > thead th {
background-color: var(--table-th-bg);
}
.table-group-divider {
border-top: calc(var(--border-width-default) * 2) solid currentcolor;
}
.caption-top {
caption-side: top;
}
.table-sm > :not(caption) > * > * {
padding: var(--space-table-cell-padding-y) var(--space-table-cell-padding-x);
}
.table-bordered > :not(caption) > *,
.table--bordered > :not(caption) > * {
border-width: var(--border-width-default) 0;
}
.table-bordered > :not(caption) > * > *,
.table--bordered > :not(caption) > * > * {
border-width: 0 var(--border-width-default);
}
.table-borderless > :not(caption) > * > *,
.table--borderless > :not(caption) > * > * {
border-bottom-width: 0;
}
.table-borderless > :not(:first-child),
.table--borderless > :not(:first-child) {
border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > *,
.table--striped > tbody > tr:nth-of-type(odd) > * {
--table-accent-bg: var(--table-striped-bg);
color: var(--table-striped-color);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even),
.table--striped-columns > :not(caption) > tr > :nth-child(even) {
--table-accent-bg: var(--table-striped-bg);
color: var(--table-striped-color);
}
.table-active,
.table--active {
--table-accent-bg: var(--table-active-bg);
color: var(--table-active-color);
}
.table-hover > tbody > tr:hover > *,
.table--hover > tbody > tr:hover > * {
--table-accent-bg: var(--table-hover-bg);
color: var(--table-hover-color);
}
.table-fixed,
.table--fixed {
table-layout: fixed;
}
.table-responsive,
.table--responsive {
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
certara-button {
display: inline-block;
}
.btn {
--btn-padding-x: var(--space-input-md-padding-x);
--btn-padding-y: var(--space-input-md-padding-y);
--btn-gap: var(--space-button-all-gap-between);
--btn-font-family: ;
--btn-font-size: var(--font-size-base);
--btn-font-weight: 400;
--btn-line-height: var(--line-height-base);
--btn-color: var(--body-color);
--btn-hover-color: var(--body-color);
--btn-bg: transparent;
--btn-border-width: var(--border-width-default);
--btn-border-color: rgba(0, 0, 0, 0.15);
--btn-border-radius: var(--border-radius-md);
--btn-hover-border-color: transparent;
--btn-min-height: var(--size-button-min-height-md);
--btn-focus-box-shadow: 0 0 0 0.25rem rgba(28, 145, 156, 0.5);
display: inline-grid;
grid-auto-flow: column;
align-items: center;
justify-content: center;
min-width: fit-content;
min-height: var(--btn-min-height);
padding: var(--btn-padding-y) var(--btn-padding-x);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
border-width: var(--btn-border-width);
border-style: solid;
border-radius: var(--btn-border-radius);
border-color: var(--btn-border-color);
background-color: var(--btn-bg);
background-image: linear-gradient(to bottom, var(--btn-gradient-1) 0%, var(--btn-gradient-2) 50%);
box-shadow: var(--btn-box-shadow);
color: var(--btn-color);
font-family: var(--btn-font-family);
font-size: var(--btn-font-size);
font-weight: var(--btn-font-weight);
line-height: var(--btn-line-height);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
user-select: none;
gap: var(--btn-gap);
}
.btn:visited {
color: var(--btn-color);
}
.btn:hover {
border-color: var(--btn-hover-border-color);
background-color: var(--btn-hover-bg);
background-image: none;
}
.btn:focus, .btn:focus-visible {
outline: 0;
color: var(--btn-color);
}
.btn:focus-visible {
border-color: var(--btn-hover-border-color);
background-color: var(--btn-bg);
box-shadow: var(--btn-box-shadow), var(--btn-focus-box-shadow);
}
.btn:active {
border-color: var(--btn-active-border-color);
background-color: var(--btn-active-bg);
box-shadow: var(--btn-active-shadow);
color: var(--btn-active-color);
}
.btn:hover, .btn:active:hover {
color: var(--btn-hover-color);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
border-color: var(--btn-disabled-border-color);
background-color: var(--btn-disabled-bg);
background-image: none;
box-shadow: none;
color: var(--btn-disabled-color);
text-shadow: none;
cursor: not-allowed;
pointer-events: none;
}
[data-theme=dark] .btn {
--btn-gradient-1: transparent;
--btn-gradient-2: transparent;
--btn-border-color: transparent;
--btn-hover-border-color: var(--btn-bg);
--btn-focus-box-shadow: 0 0 0 0.25rem rgb(118, 192, 199);
}
.btn-brand,
.btn--brand,
.btn-primary,
.btn--primary,
.btn-info,
.btn--info {
--btn-color: var(--theme-white);
--btn-bg: var(--theme-brand-650);
--btn-gradient-1: var(--theme-brand-600);
--btn-gradient-2: var(--theme-brand-650);
--btn-border-color: rgba(0, 0, 0, 0.15);
--btn-hover-color: var(--theme-white);
--btn-hover-bg: var(--theme-brand-800);
--btn-hover-border-color: rgba(0, 0, 0, 0.15);
--btn-active-color: var(--theme-white);
--btn-active-bg: var(--theme-brand-900);
--btn-active-border-color: rgba(0, 0, 0, 0.15);
--btn-active-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.3);
--btn-disabled-color: var(--theme-neutral-600);
--btn-disabled-bg: var(--theme-neutral-100);
--btn-disabled-border-color: var(--theme-neutral-100);
--btn-box-shadow: var(--shadow-100-brand);
--btn-border-color: var(--theme-brand-650);
}
[data-theme=dark] .btn-brand,
[data-theme=dark] .btn--brand,
[data-theme=dark] .btn-primary,
[data-theme=dark] .btn--primary,
[data-theme=dark] .btn-info,
[data-theme=dark] .btn--info {
--btn-color: var(--color-text-inverse);
--btn-bg: var(--theme-brand-400);
--btn-hover-bg: var(--color-background-interactive-brand-hovered);
--btn-hover-color: var(--btn-color);
--btn-active-bg: var(--color-background-interactive-brand-pressed);
--btn-active-border-color: var(--btn-hover-bg);
}
.btn-secondary,
.btn--secondary,
.btn-neutral,
.btn--neutral,
.btn-light,
.btn--light {
--btn-border-color: var(--color-border-static-neutral);
--btn-color: var(--theme-neutral-900);
--btn-bg: var(--theme-white);
--btn-gradient-1: var(--theme-white);
--btn-gradient-2: var(--theme-neutral-200);
--btn-border-color: var(--theme-neutral-200);
--btn-hover-color: var(--theme-neutral-900);
--btn-hover-bg: var(--theme-neutral-100);
--btn-hover-border-color: var(--theme-neutral-300);
--btn-active-color: var(--theme-neutral-900);
--btn-active-bg: var(--theme-neutral-200);
--btn-active-border-color: var(--theme-neutral-200);
--btn-active-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.3);
--btn-disabled-color: var(--theme-neutral-600);
--btn-disabled-bg: var(--theme-neutral-100);
--btn-disabled-border-color: var(--theme-neutral-100);
background-image: linear-gradient(to bottom, var(--btn-gradient-1) 43.75%, var(--btn-gradient-2) 100%);
background-image: linear-gradient(to bottom, var(--btn-gradient-1) 50%, var(--btn-gradient-2) 100%);
}
.btn-secondary .icon,
.btn--secondary .icon,
.btn-neutral .icon,
.btn--neutral .icon,
.btn-light .icon,
.btn--light .icon {
color: var(--color-text-tertiary);
}
[data-theme=dark] .btn-secondary,
[data-theme=dark] .btn--secondary,
[data-theme=dark] .btn-neutral,
[data-theme=dark] .btn--neutral,
[data-theme=dark] .btn-light,
[data-theme=dark] .btn--light {
--btn-color: var(--color-text-primary);
--btn-bg: var(--theme-neutral-800);
--btn-hover-bg: var(--color-background-interactive-neutral-hovered);
--btn-hover-color: var(--btn-color);
--btn-active-bg: var(--color-background-interactive-neutral-pressed);
--btn-active-border-color: var(--btn-hover-bg);
--btn-border-color: var(--color-border-interactive-button-neutral);
background-image: none;
}
.btn-dark,
.btn--dark {
--btn-color: var(--theme-white);
--btn-bg: var(--theme-neutral-1000);
--btn-gradient-1: var(--theme-neutral-900);
--btn-gradient-2: var(--theme-neutral-1000);
--btn-border-color: rgba(0, 0, 0, 0.15);
--btn-hover-color: var(--theme-white);
--btn-hover-bg: var(--theme-neutral-700);
--btn-hover-border-color: rgba(0, 0, 0, 0.15);
--btn-active-color: var(--theme-white);
--btn-active-bg: var(--theme-neutral-800);
--btn-active-border-color: rgba(0, 0, 0, 0.15);
--btn-active-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.3);
--btn-disabled-color: var(--theme-neutral-600);
--btn-disabled-bg: var(--theme-neutral-100);
--btn-disabled-border-color: var(--theme-neutral-100);
--btn-border-color: var(--theme-neutral-1000);
--btn-box-shadow: 0 2px 4px 0 rgb(134 134 134 / 0.4), 0 1px 1px 0 rgb(0 0 0 / 0.2);
}
[data-theme=dark] .btn-dark,
[data-theme=dark] .btn--dark {
--btn-border-color: var(--color-border-interactive-button-neutral);
--btn-hover-border-color: var(--color-border-interactive-button-inverse);
--btn-color: var(--color-text-inverse);
--btn-bg: var(--theme-neutral-100);
--btn-hover-bg: var(--color-background-interactive-neutral-inverse-hovered);
--btn-hover-color: var(--btn-color);
--btn-active-bg: var(--color-background-interactive-neutral-inverse-pressed);
--btn-active-color: var(--btn-color);
--btn-active-border-color: var(--btn-hover-bg);
background-image: none;
}
.btn-inverse,
.btn--inverse {
--btn-color: var(--color-text-primary);
--btn-bg: var(--theme-neutral-100);
--btn-gradient-1: var(--theme-neutral-100);
--btn-gradient-2: var(--theme-neutral-100);
--btn-border-color: var(--color-border-interactive-button-neutral);
--btn-hover-color: var(--color-text-inverse);
--btn-hover-bg: var(--theme-neutral-700);
--btn-hover-border-color: var(--color-border-interactive-button-inverse);
--btn-active-color: var(--color-text-inverse);
--btn-active-bg: var(--theme-neutral-800);
--btn-active-border-color: rgba(0, 0, 0, 0.15);
--btn-active-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.3);
--btn-disabled-color: var(--theme-neutral-600);
--btn-disabled-bg: var(--theme-neutral-100);
--btn-disabled-border-color: var(--theme-neutral-100);
--btn-border-color: var(--theme-neutral-1000);
--btn-box-shadow: 0 2px 4px 0 rgb(134 134 134 / 0.4), 0 1px 1px 0 rgb(0 0 0 / 0.2);
background-image: none;
}
[data-theme=dark] .btn-inverse,
[data-theme=dark] .btn--inverse {
--btn-color: var(--color-text-primary);
--btn-bg: var(--theme-neutral-1000);
--btn-gradient-1: var(--theme-neutral-900);
--btn-gradient-2: var(--theme-neutral-1000);
--btn-border-color: rgba(0, 0, 0, 0.15);
--btn-hover-color: var(--color-text-primary);
--btn-hover-bg: var(--theme-neutral-700);
--btn-hover-border-color: rgba(0, 0, 0, 0.15);
--btn-active-color: var(--color-text-primary);
--btn-active-bg: var(--theme-neutral-800);
--btn-active-border-color: rgba(0, 0, 0, 0.15);
--btn-active-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.3);
--btn-disabled-color: var(--theme-neutral-600);
--btn-disabled-bg: var(--theme-neutral-100);
--btn-disabled-border-color: var(--theme-neutral-100);
}
.btn-danger,
.btn--danger {
--btn-color: var(--theme-white);
--btn-bg: var(--theme-danger-600);
--btn-gradient-1: var(--theme-danger-500);
--btn-gradient-2: var(--theme-danger-600);
--btn-border-color: rgba(0, 0, 0, 0.15);
--btn-hover-color: var(--theme-white);
--btn-hover-bg: var(--theme-danger-700);
--btn-hover-border-color: rgba(0, 0, 0, 0.15);
--btn-active-color: var(--theme-white);
--btn-active-bg: #861027;
--btn-active-border-color: rgba(0, 0, 0, 0.15);
--btn-active-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.3);
--btn-disabled-color: var(--theme-neutral-600);
--btn-disabled-bg: var(--theme-neutral-100);
--btn-disabled-border-color: var(--theme-neutral-100);
--btn-box-shadow: 0 2px 4px 0 rgb(178 22 52 / 0.4), 0 1px 1px 0 rgb(0 0 0 / 0.2);
--btn-border-color: var(--theme-danger-600);
}
[data-theme=dark] .btn-danger,
[data-theme=dark] .btn--danger {
--btn-color: var(--color-text-inverse);
--btn-bg: var(--theme-danger-400);
--btn-hover-bg: var(--color-background-interactive-danger-hovered);
--btn-hover-color: var(--btn-color);
--btn-active-bg: var(--color-background-interactive-danger-pressed);
--btn-active-border-color: var(--btn-hover-bg);
}
.btn-warning,
.btn--warning {
--btn-color: var(--theme-white);
--btn-bg: var(--theme-warning-600);
--btn-gradient-1: var(--theme-warning-500);
--btn-gradient-2: var(--theme-warning-600);
--btn-border-color: rgba(0, 0, 0, 0.15);
--btn-hover-color: var(--theme-white);
--btn-hover-bg: var(--theme-warning-700);
--btn-hover-border-color: rgba(0, 0, 0, 0.15);
--btn-active-color: var(--theme-white);
--btn-active-bg: var(--theme-warning-800);
--btn-active-border-color: rgba(0, 0, 0, 0.15);
--btn-active-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.3);
--btn-disabled-color: var(--theme-neutral-600);
--btn-disabled-bg: var(--theme-neutral-100);
--btn-disabled-border-color: var(--theme-neutral-100);
--btn-border-color: var(--theme-warning-600);
}
[data-theme=dark] .btn-warning,
[data-theme=dark] .btn--warning {
--btn-color: var(--color-text-inverse);
--btn-bg: var(--theme-warning-400);
--btn-hover-bg: var(--color-background-interactive-warning-hovered);
--btn-hover-color: var(--btn-color);
--btn-active-bg: var(--color-background-interactive-warning-pressed);
--btn-active-border-color: var(--btn-hover-bg);
}
.btn-success,
.btn--success {
--btn-color: var(--theme-white);
--btn-bg: var(--theme-success-600);
--btn-gradient-1: var(--theme-success-500);
--btn-gradient-2: var(--theme-success-600);
--btn-border-color: rgba(0, 0, 0, 0.15);
--btn-hover-color: var(--theme-white);
--btn-hover-bg: var(--theme-success-700);
--btn-hover-border-color: rgba(0, 0, 0, 0.15);
--btn-active-color: var(--theme-white);
--btn-active-bg: var(--theme-success-800);
--btn-active-border-color: rgba(0, 0, 0, 0.15);
--btn-active-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.3);
--btn-disabled-color: var(--theme-neutral-600);
--btn-disabled-bg: var(--theme-neutral-100);
--btn-disabled-border-color: var(--theme-neutral-100);
--btn-box-shadow: 0 2px 4px 0 rgb(18 138 74 / 0.4), 0 1px 1px 0 rgb(0 0 0 / 0.2);
--btn-border-color: var(--theme-success-600);
}
[data-theme=dark] .btn-success,
[data-theme=dark] .btn--success {
--btn-color: var(--color-text-inverse);
--btn-bg: var(--theme-success-400);
--btn-hover-bg: var(--color-background-interactive-success-hovered);
--btn-hover-color: var(--btn-color);
--btn-active-bg: var(--color-background-interactive-success-pressed);
--btn-active-border-color: var(--btn-hover-bg);
}
.btn-outline-brand,
.btn-outline--brand {
--btn-color: var(--theme-brand-600);
--btn-border-color: var(--theme-brand-600);
--btn-hover-color: #fff;
--btn-hover-bg: var(--theme-brand-600);
--btn-hover-border-color: var(--theme-brand-600);
--btn-active-color: #fff;
--btn-active-bg: var(--theme-brand-600);
--btn-active-border-color: var(--theme-brand-600);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
}
.btn-outline-inverse,
.btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
.btn-outline-secondary,
.btn-outline--secondary {
--btn-color: var(--color-background-interactive-neutral-inverse);
--btn-border-color: var(--color-background-interactive-neutral-inverse);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-neutral-inverse);
--btn-hover-border-color: var(--color-background-interactive-neutral-inverse);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-neutral-inverse);
--btn-active-border-color: var(--color-background-interactive-neutral-inverse);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
}
.btn-outline-inverse,
.btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
.btn-outline-neutral,
.btn-outline--neutral {
--btn-color: var(--color-background-interactive-neutral-inverse);
--btn-border-color: var(--color-background-interactive-neutral-inverse);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-neutral-inverse);
--btn-hover-border-color: var(--color-background-interactive-neutral-inverse);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-neutral-inverse);
--btn-active-border-color: var(--color-background-interactive-neutral-inverse);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
}
.btn-outline-inverse,
.btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
.btn-outline-light,
.btn-outline--light {
--btn-color: var(--color-background-interactive-neutral-inverse);
--btn-border-color: var(--color-background-interactive-neutral-inverse);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-neutral-inverse);
--btn-hover-border-color: var(--color-background-interactive-neutral-inverse);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-neutral-inverse);
--btn-active-border-color: var(--color-background-interactive-neutral-inverse);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
}
.btn-outline-inverse,
.btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
.btn-outline-inverse,
.btn-outline--inverse {
--btn-color: var(--color-background-interactive-neutral-default);
--btn-border-color: var(--color-background-interactive-neutral-default);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-neutral-default);
--btn-hover-border-color: var(--color-background-interactive-neutral-default);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-neutral-default);
--btn-active-border-color: var(--color-background-interactive-neutral-default);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
}
.btn-outline-inverse,
.btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
.btn-outline-success,
.btn-outline--success {
--btn-color: var(--theme-success-600);
--btn-border-color: var(--theme-success-600);
--btn-hover-color: #fff;
--btn-hover-bg: var(--theme-success-600);
--btn-hover-border-color: var(--theme-success-600);
--btn-active-color: #fff;
--btn-active-bg: var(--theme-success-600);
--btn-active-border-color: var(--theme-success-600);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
}
.btn-outline-inverse,
.btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
.btn-outline-warning,
.btn-outline--warning {
--btn-color: var(--theme-warning-600);
--btn-border-color: var(--theme-warning-600);
--btn-hover-color: #fff;
--btn-hover-bg: var(--theme-warning-600);
--btn-hover-border-color: var(--theme-warning-600);
--btn-active-color: #fff;
--btn-active-bg: var(--theme-warning-600);
--btn-active-border-color: var(--theme-warning-600);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
}
.btn-outline-inverse,
.btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
.btn-outline-danger,
.btn-outline--danger {
--btn-color: var(--theme-danger-600);
--btn-border-color: var(--theme-danger-600);
--btn-hover-color: #fff;
--btn-hover-bg: var(--theme-danger-600);
--btn-hover-border-color: var(--theme-danger-600);
--btn-active-color: #fff;
--btn-active-bg: var(--theme-danger-600);
--btn-active-border-color: var(--theme-danger-600);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
}
.btn-outline-inverse,
.btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
.btn-outline-primary,
.btn-outline--primary {
--btn-color: var(--theme-brand-600);
--btn-border-color: var(--theme-brand-600);
--btn-hover-color: #fff;
--btn-hover-bg: var(--theme-brand-600);
--btn-hover-border-color: var(--theme-brand-600);
--btn-active-color: #fff;
--btn-active-bg: var(--theme-brand-600);
--btn-active-border-color: var(--theme-brand-600);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
}
.btn-outline-inverse,
.btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
.btn-outline-info,
.btn-outline--info {
--btn-color: var(--theme-info-600);
--btn-border-color: var(--theme-info-600);
--btn-hover-color: #fff;
--btn-hover-bg: var(--theme-info-600);
--btn-hover-border-color: var(--theme-info-600);
--btn-active-color: #fff;
--btn-active-bg: var(--theme-info-600);
--btn-active-border-color: var(--theme-info-600);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
}
.btn-outline-inverse,
.btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
.btn-outline-dark,
.btn-outline--dark {
--btn-color: var(--theme-neutral-1000);
--btn-border-color: var(--theme-neutral-1000);
--btn-hover-color: #fff;
--btn-hover-bg: var(--theme-neutral-1000);
--btn-hover-border-color: var(--theme-neutral-1000);
--btn-active-color: #fff;
--btn-active-bg: var(--theme-neutral-1000);
--btn-active-border-color: var(--theme-neutral-1000);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
}
.btn-outline-inverse,
.btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
[data-theme=dark] .btn-outline-brand,
[data-theme=dark] .btn-outline--brand {
--btn-color: var(--color-background-interactive-brand-default);
--btn-border-color: var(--color-background-interactive-brand-default);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-brand-default);
--btn-hover-border-color: var(--color-background-interactive-brand-default);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-brand-default);
--btn-active-border-color: var(--color-background-interactive-brand-default);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
--btn-hover-color: var(--color-text-inverse);
}
[data-theme=dark] .btn-outline-inverse,
[data-theme=dark] .btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
[data-theme=dark] .btn-outline-secondary,
[data-theme=dark] .btn-outline--secondary {
--btn-color: var(--color-background-interactive-neutral-inverse);
--btn-border-color: var(--color-background-interactive-neutral-inverse);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-neutral-inverse);
--btn-hover-border-color: var(--color-background-interactive-neutral-inverse);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-neutral-inverse);
--btn-active-border-color: var(--color-background-interactive-neutral-inverse);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
--btn-hover-color: var(--color-text-inverse);
}
[data-theme=dark] .btn-outline-inverse,
[data-theme=dark] .btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
[data-theme=dark] .btn-outline-neutral,
[data-theme=dark] .btn-outline--neutral {
--btn-color: var(--color-background-interactive-neutral-inverse);
--btn-border-color: var(--color-background-interactive-neutral-inverse);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-neutral-inverse);
--btn-hover-border-color: var(--color-background-interactive-neutral-inverse);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-neutral-inverse);
--btn-active-border-color: var(--color-background-interactive-neutral-inverse);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
--btn-hover-color: var(--color-text-inverse);
}
[data-theme=dark] .btn-outline-inverse,
[data-theme=dark] .btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
[data-theme=dark] .btn-outline-light,
[data-theme=dark] .btn-outline--light {
--btn-color: var(--color-background-interactive-neutral-inverse);
--btn-border-color: var(--color-background-interactive-neutral-inverse);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-neutral-inverse);
--btn-hover-border-color: var(--color-background-interactive-neutral-inverse);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-neutral-inverse);
--btn-active-border-color: var(--color-background-interactive-neutral-inverse);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
--btn-hover-color: var(--color-text-inverse);
}
[data-theme=dark] .btn-outline-inverse,
[data-theme=dark] .btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
[data-theme=dark] .btn-outline-inverse,
[data-theme=dark] .btn-outline--inverse {
--btn-color: var(--color-background-interactive-neutral-default);
--btn-border-color: var(--color-background-interactive-neutral-default);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-neutral-default);
--btn-hover-border-color: var(--color-background-interactive-neutral-default);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-neutral-default);
--btn-active-border-color: var(--color-background-interactive-neutral-default);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
--btn-hover-color: var(--color-text-inverse);
}
[data-theme=dark] .btn-outline-inverse,
[data-theme=dark] .btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
[data-theme=dark] .btn-outline-success,
[data-theme=dark] .btn-outline--success {
--btn-color: var(--color-background-interactive-success-default);
--btn-border-color: var(--color-background-interactive-success-default);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-success-default);
--btn-hover-border-color: var(--color-background-interactive-success-default);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-success-default);
--btn-active-border-color: var(--color-background-interactive-success-default);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
--btn-hover-color: var(--color-text-inverse);
}
[data-theme=dark] .btn-outline-inverse,
[data-theme=dark] .btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
[data-theme=dark] .btn-outline-warning,
[data-theme=dark] .btn-outline--warning {
--btn-color: var(--color-background-interactive-warning-default);
--btn-border-color: var(--color-background-interactive-warning-default);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-warning-default);
--btn-hover-border-color: var(--color-background-interactive-warning-default);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-warning-default);
--btn-active-border-color: var(--color-background-interactive-warning-default);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
--btn-hover-color: var(--color-text-inverse);
}
[data-theme=dark] .btn-outline-inverse,
[data-theme=dark] .btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
[data-theme=dark] .btn-outline-danger,
[data-theme=dark] .btn-outline--danger {
--btn-color: var(--color-background-interactive-danger-default);
--btn-border-color: var(--color-background-interactive-danger-default);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-danger-default);
--btn-hover-border-color: var(--color-background-interactive-danger-default);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-danger-default);
--btn-active-border-color: var(--color-background-interactive-danger-default);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
--btn-hover-color: var(--color-text-inverse);
}
[data-theme=dark] .btn-outline-inverse,
[data-theme=dark] .btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
[data-theme=dark] .btn-outline-primary,
[data-theme=dark] .btn-outline--primary {
--btn-color: var(--color-background-interactive-brand-default);
--btn-border-color: var(--color-background-interactive-brand-default);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-brand-default);
--btn-hover-border-color: var(--color-background-interactive-brand-default);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-brand-default);
--btn-active-border-color: var(--color-background-interactive-brand-default);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
--btn-hover-color: var(--color-text-inverse);
}
[data-theme=dark] .btn-outline-inverse,
[data-theme=dark] .btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
[data-theme=dark] .btn-outline-info,
[data-theme=dark] .btn-outline--info {
--btn-color: var(--color-background-interactive-brand-default);
--btn-border-color: var(--color-background-interactive-brand-default);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-brand-default);
--btn-hover-border-color: var(--color-background-interactive-brand-default);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-brand-default);
--btn-active-border-color: var(--color-background-interactive-brand-default);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
--btn-hover-color: var(--color-text-inverse);
}
[data-theme=dark] .btn-outline-inverse,
[data-theme=dark] .btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
[data-theme=dark] .btn-outline-dark,
[data-theme=dark] .btn-outline--dark {
--btn-color: var(--color-background-interactive-neutral-inverse);
--btn-border-color: var(--color-background-interactive-neutral-inverse);
--btn-hover-color: #fff;
--btn-hover-bg: var(--color-background-interactive-neutral-inverse);
--btn-hover-border-color: var(--color-background-interactive-neutral-inverse);
--btn-active-color: #fff;
--btn-active-bg: var(--color-background-interactive-neutral-inverse);
--btn-active-border-color: var(--color-background-interactive-neutral-inverse);
--gradient: none;
--btn-disabled-border-color: transparent;
--btn-disabled-color: var(--color-text-disabled);
--btn-disabled-bg: transparent;
--btn-box-shadow: 0 0 0 transparent;
--btn-active-shadow: 0 0 2px 2px rgba(28, 145, 156, 0.5);
--btn-hover-color: var(--color-text-inverse);
}
[data-theme=dark] .btn-outline-inverse,
[data-theme=dark] .btn-outline--inverse {
--btn-hover-color: var(--color-text-primary);
}
.btn-link,
.btn--link {
--btn-color: var(--color-link-brand-default);
--btn-bg: transparent;
--btn-border-color: transparent;
--btn-hover-color: var(--color-link-brand-hovered);
--btn-hover-bg: var(--color-background-interactive-selected-brand-hovered);
--btn-hover-border-color: transparent;
--btn-active-bg: var(--color-background-interactive-selected-brand-hovered);
--btn-active-color: var(--color-link-brand-hovered);
--btn-active-border-color: var(--color-border-static-brand-strong);
--btn-disabled-color: var(-text-disabled);
--btn-disabled-border-color: transparent;
--btn-box-shadow: 0 0 0 transparent;
text-decoration: none;
}
.btn-link:hover,
.btn--link:hover {
color: var(--btn-hover-color);
}
.btn-link:focus-visible,
.btn--link:focus-visible {
text-decoration: none;
}
.btn-link:active,
.btn--link:active {
border-color: var(--btn-active-border-color);
}
.btn-link.p-0:hover,
.btn--link.p-0:hover {
--btn-hover-bg: transparent;
}
.btn-lg, .btn-group-lg > .btn,
.btn--lg {
--btn-padding-y: var(--space-button-lg-padding-y);
--btn-padding-x: var(--space-button-lg-padding-x);
--btn-font-size: var(--font-size-lg);
--btn-border-radius: var(--border-radius-lg);
--btn-min-height: var(--size-button-min-height-lg);
}
.btn-sm, .btn-group-sm > .btn,
.btn--sm {
--btn-font-weight: 500;
--btn-padding-y: var(--space-input-sm-padding-y);
--btn-padding-x: var(--space-input-sm-padding-x);
--btn-font-size: var(--font-size-xs);
--btn-border-radius: var(--border-radius-sm);
--btn-min-height: var(--size-button-min-height-sm);
}
.btn-icon {
--btn-icon-color: var(--color-link-brand-default);
--btn-icon-color-hover: var(--color-link-brand-hovered);
--btn-icon-color-active: var(--theme-brand-700);
--btn-icon-color-active-hover: var(--theme-brand-700);
--btn-icon-bg: transparent;
--btn-icon-bg-hover: var(--color-background-interactive-selected-brand-hovered);
--btn-icon-bg-active: var(--theme-brand-100);
--btn-icon-bg-active-hover: var(--color-background-interactive-selected-brand-hovered);
--btn-icon-border-radius: 50%;
--btn-icon-border-color: transparent;
--btn-icon-border-color-hover: transparent;
--btn-icon-border-color-active: var(--theme-brand-400);
--btn-icon-border-color-active-hover: var(--theme-brand-500);
--btn-icon-size: 1.75rem;
--btn-icon-font-size: 0.875rem;
--btn-icon-icon-size: 0.875rem;
--btn-icon-padding-x: 0;
--btn-icon-padding-y: 0;
display: inline-grid;
width: var(--btn-icon-size);
height: var(--btn-icon-size);
padding: var(--btn-icon-padding-y) var(--btn-icon-padding-x);
border: 1px solid var(--btn-icon-border-color);
border-radius: var(--btn-icon-border-radius);
background-color: var(--btn-icon-bg);
color: var(--btn-icon-color);
font-size: var(--btn-icon-font-size);
line-height: 1;
place-content: center;
}
.btn-icon:hover, .btn-icon:active {
border-color: var(--btn-icon-border-color-hover);
background-color: var(--btn-icon-bg-hover);
color: var(--btn-icon-color-hover);
cursor: pointer;
}
.btn-icon:focus {
outline: 0;
}
.btn-icon:focus-visible {
box-shadow: 0 0 0 0.25rem rgba(28, 145, 156, 0.5);
}
.btn-icon.btn-icon--active {
border-color: var(--btn-icon-border-color-active);
background-color: var(--btn-icon-bg-active);
color: var(--btn-icon-color-active);
font-weight: 700;
}
.btn-icon.btn-icon--active:hover {
border-color: var(--btn-icon-border-color-active-hover);
background-color: var(--btn-icon-bg-active-hover);
color: var(--btn-icon-color-active-hover);
}
.btn-icon.disabled, .btn-icon:disabled, .btn-icon[disabled] {
opacity: 0.4;
cursor: default !important;
pointer-events: none;
}
.btn-icon--sm {
--btn-icon-size: 1.875rem;
}
.btn-icon--neutral {
--btn-icon-color: var(--color-link-neutral-default) !important;
--btn-icon-color-hover: var(--color-link-neutral-hovered) !important;
--btn-icon-bg-hover: rgb(0 0 0 / 0.1) !important;
}
.btn-icon--inverse {
--btn-icon-color: #fff;
--btn-icon-color-hover: #fff;
--btn-icon-bg-hover: rgb(255 255 255 / 0.1);
--btn-icon-color-active: #76c0c7;
--btn-icon-bg-active: rgb(255 255 255 / 0.25);
--btn-icon-border-color-active: #fff;
--btn-icon-color-active: #76c0c7;
--btn-icon-bg-active-hover: rgb(255 255 255 / 0.5);
--btn-icon-border-color-active-hover: #fff;
}
.btn-icon--success {
--btn-icon-color: #147d46;
--btn-icon-color-hover: #147d46;
--btn-icon-bg-hover: #bae8d0;
--btn-icon-color-active: #147d46;
--btn-icon-bg-active: #e2faed;
--btn-icon-border-color-active: var(--theme-success-500);
--btn-icon-color-active-hover: #147d46;
--btn-icon-bg-active-hover: #bae8d0;
--btn-icon-border-color-active-hover: var(--theme-success-700);
}
.btn-icon--danger {
--btn-icon-color: #d9163b;
--btn-icon-color-hover: #d9163b;
--btn-icon-bg-hover: #f9d1d9;
--btn-icon-color-active: #d9163b;
--btn-icon-bg-active: #fdedf0;
--btn-icon-border-color-active: var(--theme-danger-500);
--btn-icon-color-active-hover: var(--theme-danger-700);
--btn-icon-bg-active-hover: #f9d1d9;
--btn-icon-border-color-active-hover: var(--theme-danger-700);
}
.btn-icon--rounded {
--btn-icon-border-radius: var(--border-radius-sm);
--btn-icon-size: auto;
--btn-icon-padding-x: var(--units-100);
--btn-icon-padding-y: var(--units-75);
}
.btn-block,
.btn--block {
display: grid;
width: 100%;
}
.btn-block + .btn-block,
.btn--block + .btn-block {
margin-top: var(--units-200);
}
.fade {
transition: opacity 0.15s linear;
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
legend {
font-size: var(--font-size-base);
font-weight: 500;
}
label {
font-weight: 500;
}
.has-error label {
font-weight: 700;
}
.form-group:has(input[disabled]) label:not(.btn, .form-check__label, .col-form-label) {
color: var(--color-text-disabled);
}
.form-group label:not(.form-check__label, .col-form-label, .input-group-text) {
margin-bottom: var(--units-50);
}
.help-block {
display: block;
color: var(--color-text-tertiary);
font-weight: normal;
}
.form-text {
margin-block-start: var(--unit-50);
color: var(--color-text-tertiary);
font-weight: 400;
}
.form-group .form-text,
.form-group .help-block {
margin-block-end: var(--units-75);
}
.form-group label + .form-text,
.form-group label + .help-block {
margin-top: calc(var(--units-50) * -1);
}
.help-text + .help-link,
.help-block__text + .help-block__link {
margin-left: 0.25rem;
}
.help-inline {
display: inline-block;
margin: 0;
font-size: var(--font-size-sm);
}
.has-error .form-text:not(.form-group--stacked > *) {
color: var(--color-text-danger);
}
.has-success .form-text:not(.form-group--stacked > *) {
color: var(--color-text-success);
}
.has-warning .form-text:not(.form-group--stacked > *) {
color: var(--color-text-warning);
}
.col-form-label,
.form-label {
display: block;
margin-bottom: var(--space-input-label-gap-y);
color: var(--color-text-primary);
font-size: var(--font-size-base);
font-weight: 500;
}
.col-form-label {
margin-bottom: 0;
padding-top: calc(var(--space-input-md-padding-y) + var(--border-width-default));
font-size: inherit;
}
.col-form-label-lg {
padding-top: calc(var(--space-button-lg-padding-y) + var(--border-width-default));
padding-bottom: calc(var(--space-button-lg-padding-y) + var(--border-width-default));
font-size: var(--font-size-lg);
}
.col-form-label-sm {
padding-top: calc(var(--space-input-sm-padding-y) + var(--border-width-default));
padding-bottom: calc(var(--space-input-sm-padding-y) + var(--border-width-default));
font-size: var(--font-size-xs);
}
.client-error-wrap {
display: inline-flex;
}
.client-error,
.server-error,
.form-error {
--icon-size: 1em;
margin-block: var(--units-50);
padding: var(--units-75) var(--units-75) var(--units-75) calc(var(--units-75) + var(--icon-size) + var(--units-75));
border-radius: var(--border-radius-md);
background-color: var(--color-background-static-danger-subtle);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23d9163b' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: var(--units-75) calc(var(--units-75) + var(--icon-size) / 5);
background-size: var(--icon-size) var(--icon-size);
color: var(--color-text-error);
font-weight: 400;
}
.client-error + .form-check,
.server-error + .form-check,
.form-error + .form-check {
margin-block-start: 0.75rem;
}
.form-check + .client-error,
.form-check + .server-error,
.form-check + .form-error {
margin-block-start: 0.75rem;
}
.client-error,
.server-error {
display: none;
}
.form-control, .form-control--search-container {
display: block;
width: 100%;
min-height: calc(var(--line-height-base) * 1em + var(--space-input-md-padding-y) * 2 + var(--border-width-default) * 2);
margin: 0 0 var(--units-50);
padding: var(--space-input-md-padding-y) var(--space-input-md-padding-x);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
border: var(--border-width-default) solid var(--color-border-interactive-input-field-default);
border-radius: var(--border-radius-md);
background-clip: padding-box;
background-color: var(--color-background-interactive-input-default);
box-shadow: none;
color: var(--color-text-primary);
font-size: var(--font-size-base);
font-weight: var(--font-weight-base);
line-height: var(--line-height-base);
appearance: none;
}
.form-control:focus, .form-control--search-container:focus, .form-control:focus-within, .form-control--search-container:focus-within {
border-color: var(--color-text-primary);
outline: 0;
background-color: var(--color-background-interactive-input-default);
box-shadow: var(--shadow-200);
color: var(--color-text-primary);
}
.form-control::-webkit-date-and-time-value, .form-control--search-container::-webkit-date-and-time-value {
height: calc(var(--line-height-base) * 1em);
}
.form-control::placeholder, .form-control--search-container::placeholder {
opacity: 1;
color: var(--color-text-placeholder);
}
.form-control:read-only:not(div), .form-control--search-container:read-only:not(div), .form-control:disabled, .form-control--search-container:disabled {
border-color: var(--color-border-interactive-disabled);
opacity: 1;
background-color: var(--color-background-interactive-disabled);
box-shadow: none;
color: var(--color-text-disabled);
cursor: not-allowed;
}
.form-control:not(:read-only):hover, .form-control--search-container:not(:read-only):hover {
border-color: var(--theme-neutral-600);
}
.form-control:read-only, .form-control--search-container:read-only {
cursor: default;
}
.input-group .form-control, .input-group .form-control--search-container {
margin-right: 0;
}
.has-error .form-control, .has-error .form-control--search-container {
border-width: var(--border-width-error);
border-color: var(--color-border-static-danger-strong);
}
.has-warning .form-control, .has-warning .form-control--search-container {
border-color: var(--color-border-static-warning-strong);
}
.form-control--text {
display: block;
width: 100%;
margin-bottom: 0;
padding: var(--space-input-md-padding-y) var(--space-input-md-padding-x);
border-radius: var(--border-radius-md);
border-color: var(--color-background-interactive-control-disabled);
opacity: 1;
background-color: var(--color-background-interactive-control-disabled);
box-shadow: none;
color: var(--text-primary);
line-height: var(--line-height-base);
}
.form-control--text:focus {
outline: 0;
}
.form-control--plaintext,
.form-control--plaintext:read-only,
.form-control--plaintext:read-only:not(div),
.form-group--plaintext .form-control,
.form-group--plaintext .form-control--search-container,
.form-group--plaintext .form-control:read-only,
.form-group--plaintext .form-control:read-only:not(div) {
padding: 0;
border: none;
border-radius: 0;
background: none;
box-shadow: none;
font-weight: 500;
}
.form-group--plaintext label:not(.form-check__label, .col-form-label) {
margin-bottom: 0;
color: var(--color-text-tertiary);
font-size: var(--font-size-base);
font-weight: 400;
}
.form-control[type=file], [type=file].form-control--search-container {
padding: 0 0 0 0.75rem;
overflow: hidden;
line-height: 2rem;
text-align: left;
vertical-align: middle;
-webkit-rtl-ordering: left;
}
.form-control[type=file]:not(:disabled, [readonly]), [type=file].form-control--search-container:not(:disabled, [readonly]) {
cursor: pointer;
}
.form-control[type=file]::file-selector-button, [type=file].form-control--search-container::file-selector-button {
position: relative;
left: 0;
margin: 0;
padding: 0 var(--space-input-md-padding-x);
float: right;
border: 1px solid transparent;
border-top-right-radius: var(--border-radius-md);
border-bottom-right-radius: var(--border-radius-md);
border-color: rgba(0, 0, 0, 0.15);
background-image: linear-gradient(to bottom, var(--theme-brand-600) 0%, var(--theme-brand-650) 50%);
box-shadow: 0 2px 4px 0 rgba(22, 120, 128, 0.4), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
color: var(--color-text-inverse);
vertical-align: middle;
pointer-events: none;
border-inline-end-width: var(--border-width-default);
}
.form-control[type=file]:hover::file-selector-button, [type=file].form-control--search-container:hover::file-selector-button {
background: var(--color-background-interactive-brand-hovered);
color: var(--color-text-inverse);
}
.form-control-sm,
.form-control--sm {
min-height: calc(var(--line-height-base) * 1em + var(--space-input-sm-padding-y) * 2 + var(--border-width-default) * 2);
padding: var(--space-input-sm-padding-y) var(--space-input-sm-padding-x);
border-radius: var(--border-radius-sm);
}
.form-control-sm::file-selector-button,
.form-control--sm::file-selector-button {
margin: -var(--space-input-sm-padding-y) -var(--space-input-sm-padding-x);
margin-inline-end: var(--space-input-sm-padding-x);
padding: var(--space-input-sm-padding-y) var(--space-input-sm-padding-x);
}
textarea.form-control, textarea.form-control--search-container {
min-height: calc(var(--line-height-base) * 1em + var(--space-input-md-padding-y) * 2 + var(--border-width-default) * 2);
}
textarea.form-control-sm, textarea.form-control--sm {
min-height: calc(var(--line-height-base) * 1em + var(--space-input-sm-padding-y) * 2 + var(--border-width-default) * 2);
}
.static-field {
margin-bottom: 0;
padding-top: calc(var(--space-input-md-padding-y) + var(--border-width-default));
padding-bottom: calc(var(--space-input-md-padding-y) + var(--border-width-default));
font-size: inherit;
line-height: var(--line-height-base);
}
input.form-control--w-xs,
.form-control--w-xs .form-control,
.form-control--w-xs .form-control--search-container {
width: 4rem;
}
input.form-control--w-sm,
.form-control--w-sm .form-control,
.form-control--w-sm .form-control--search-container {
width: 8rem;
}
@media (min-width: 768px) {
input.form-control--w-md,
.form-control--w-md .form-control,
.form-control--w-md .form-control--search-container {
width: 31.25rem;
}
input.form-control--w-lg,
.form-control--w-lg .form-control,
.form-control--w-lg .form-control--search-container {
width: 50rem;
}
}
.form-control--search {
padding-left: var(--units-400);
background-image: var(--icon-search);
background-repeat: no-repeat;
background-position: 0.6rem 50%;
background-size: 14px 14px;
}
.form-control--search.form-control--sm {
padding-left: var(--units-300);
background-position: 0.45rem 50%;
}
.form-control--search-container {
display: flex;
align-items: center;
width: 300px;
padding-block: 0;
}
.form-control--search-container::before {
content: "";
display: inline-block;
flex-shrink: 0;
width: 14px;
height: 14px;
background-image: var(--icon-search);
}
.form-control--search-container .form-control, .form-control--search-container .form-control--search-container,
.form-control--search-container input[type=text],
.form-control--search-container input[type=search] {
display: inline-block;
flex-grow: 1;
width: auto;
margin: 0;
padding-inline-end: 0;
border: none;
background-image: none;
}
.form-control--search-container .form-control:focus, .form-control--search-container .form-control--search-container:focus, .form-control--search-container .form-control:focus-visible, .form-control--search-container .form-control--search-container:focus-visible,
.form-control--search-container input[type=text]:focus,
.form-control--search-container input[type=text]:focus-visible,
.form-control--search-container input[type=search]:focus,
.form-control--search-container input[type=search]:focus-visible {
box-shadow: none;
}
[type=search]::-webkit-search-cancel-button {
--width: 10px;
--height: 16px;
width: var(--width);
height: var(--height);
transition: background-color 0.35s ease;
background-color: var(--color-text-tertiary);
background-repeat: no-repeat;
background-size: var(--width) var(--height);
cursor: pointer;
appearance: none;
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='gray-700'%3e%3cpath d='M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z'/%3e%3c/svg%3e");
}
[type=search]::-webkit-search-cancel-button:hover {
background-color: var(--color-text-primary);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
box-shadow: 0 0 0 1000px #fff inset !important;
}
.form-select {
display: block;
width: 100%;
padding: var(--space-input-md-padding-y) calc(var(--space-input-md-padding-x) * 2) var(--space-input-md-padding-y) var(--space-input-md-padding-x);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
border: var(--border-width-default) solid var(--color-border-interactive-input-field-default);
border-radius: var(--border-radius-md);
background-color: var(--color-background-interactive-input-default);
background-image: var(--icon-chevron-neutral);
background-repeat: no-repeat;
background-position: right calc(var(--space-input-md-padding-x) / 2) center;
background-size: 16px 12px;
box-shadow: var(--shadow-200) -inset;
color: var(--color-text-primary);
font-size: var(--font-size-base);
font-weight: var(--font-weight-base);
line-height: var(--line-height-base);
-moz-padding-start: calc(var(--space-input-md-padding-x) - 3px);
appearance: none;
}
.form-select:focus {
border-color: var(--color-text-primary);
outline: 0;
box-shadow: var(--shadow-200) -inset 0 0 0 0.25rem rgba(28, 145, 156, 0.5);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
padding-right: var(--space-input-md-padding-x);
background-image: none;
}
.form-select:disabled {
border-color: var(--color-background-interactive-control-disabled);
background-color: var(--color-background-interactive-selected-neutral);
}
.form-select:-moz-focusring {
color: transparent;
}
.form-select-sm,
.form-select--sm {
padding-top: var(--space-input-sm-padding-y);
padding-bottom: var(--space-input-sm-padding-y);
padding-left: var(--space-input-sm-padding-x);
border-radius: var(--border-radius-sm);
background-position: right calc(var(--space-input-sm-padding-x) / 2) center;
font-size: var(--font-size-xs);
font-weight: 500;
}
.form-select-lg,
.form-select--lg {
padding-top: var(--space-button-lg-padding-y);
padding-bottom: var(--space-button-lg-padding-y);
padding-left: var(--space-button-lg-padding-x);
border-radius: var(--border-radius-lg);
background-position: right calc(var(--space-button-lg-padding-x) / 2) center;
font-size: var(--font-size-lg);
}
.form-select-btn {
display: inline-block;
position: relative;
}
.form-select-btn select {
padding-right: calc(var(--space-input-md-padding-x) * 2);
font-weight: 600;
text-align: left;
appearance: none;
}
.form-select-btn::after {
--height: 12px;
--width: 16px;
content: "";
display: inline-block;
position: absolute;
z-index: 2;
top: calc(50% - var(--height) / 2);
right: calc(var(--space-input-md-padding-x) - var(--width) / 2);
width: var(--width);
height: var(--height);
background-image: var(--icon-chevron-neutral);
background-repeat: no-repeat;
background-size: var(--width) var(--height);
pointer-events: none;
}
.form-check {
--form-check-input-size: 1.25em;
--form-check-padding-start: 1.75em;
--form-label-font-weight: 400;
display: flex;
padding-left: var(--form-check-padding-start);
isolation: isolate;
}
.form-check:has(:disabled) img,
.form-check:has(:disabled) svg:not(.icon), .form-check:has([disabled]) img,
.form-check:has([disabled]) svg:not(.icon) {
filter: grayscale(1);
opacity: 0.25;
}
.form-check__input {
position: relative;
flex-shrink: 0;
width: var(--form-check-input-size);
height: var(--form-check-input-size);
margin-top: calc((var(--line-height-base) - var(--form-check-input-size)) * 0.5);
margin-left: calc(var(--form-check-padding-start) * -1);
overflow: visible;
border: var(--border-width-default) solid var(--color-border-interactive-control-default);
background-color: var(--color-background-interactive-input-default);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
vertical-align: top;
appearance: none;
cursor: pointer;
print-color-adjust: exact;
}
.form-check__input::after {
content: "";
display: block;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
transform: scale(0);
transition: all 0.2s ease-in-out;
border-radius: 50%;
opacity: 0;
background: #1c919c;
}
.form-check__input[type=checkbox] {
border-radius: 0.125em;
}
.form-check__input[type=radio] {
border-radius: 50%;
}
.form-check__input:focus {
border-color: var(--color-text-primary);
outline: 0;
box-shadow: 0 2px 4px 0 rgba(52, 66, 80, 0.11), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
}
.form-check__input:checked {
border-color: var(--color-background-interactive-control-selected);
background-color: var(--color-background-interactive-control-selected);
}
.form-check__input:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3e%3cpath fill='%23fff' d='M11.0365 0.867115L5.32726 6.42831L2.9659 4.09923C2.45789 3.60214 1.63654 3.60214 1.12991 4.09796C0.623369 4.59377 0.623369 5.39586 1.12988 5.89164L4.43274 9.12281C4.93939 9.61857 5.75917 9.61857 6.26586 9.12278L12.87 2.66061C13.3766 2.16481 13.3766 1.36265 12.8702 0.867115C12.3635 0.370467 11.5433 0.370467 11.0365 0.867115Z'/%3e%3c/svg%3e");
background-size: 90% 90%;
}
.form-check__input:checked[type=radio] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check__input[type=checkbox]:indeterminate {
border-color: var(--color-background-interactive-control-selected);
background-color: var(--color-background-interactive-control-selected);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check__input[disabled], .form-check__input:disabled {
border-color: var(--color-border-interactive-disabled);
background-color: var(--color-background-interactive-control-disabled);
pointer-events: none;
}
.form-check__input[disabled]:checked[type=checkbox], .form-check__input:disabled:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3e%3cpath fill='var%28--color-text-tertiary%29' d='M11.0365 0.867115L5.32726 6.42831L2.9659 4.09923C2.45789 3.60214 1.63654 3.60214 1.12991 4.09796C0.623369 4.59377 0.623369 5.39586 1.12988 5.89164L4.43274 9.12281C4.93939 9.61857 5.75917 9.61857 6.26586 9.12278L12.87 2.66061C13.3766 2.16481 13.3766 1.36265 12.8702 0.867115C12.3635 0.370467 11.5433 0.370467 11.0365 0.867115Z'/%3e%3c/svg%3e");
}
.form-check__input[disabled]:checked[type=radio], .form-check__input:disabled:checked[type=radio] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='var%28--color-text-tertiary%29'/%3e%3c/svg%3e");
}
.form-check__input[disabled] ~ .form-check__label, .form-check__input:disabled ~ .form-check__label {
color: var(--color-text-disabled);
cursor: default;
}
.form-check:hover .form-check__input:not(:disabled) {
border-color: var(--color-border-interactive-control-hovered);
}
.form-check:hover .form-check__input::after, .form-check:focus-within .form-check__input::after {
transform: scale(2.2);
opacity: 0.25;
}
.form-check__label {
display: inline-block;
max-width: 100%;
margin: 0 0 0 var(--units-100);
font-weight: var(--form-label-font-weight);
cursor: pointer;
overflow-wrap: break-word;
}
.form-check .help-block [slot=help] a {
margin-left: 0.25rem;
}
.form-check + .help-block {
padding-inline-start: 1.75em;
}
.form-check--inline {
--form-label-padding-y: 0.375em;
--form-label-padding-x: 0.75em;
--form-check-label-padding-l: 2.5em;
display: inline-flex;
position: relative;
margin-right: var(--units-100);
padding: 0;
border-radius: var(--border-radius-sm);
}
.form-check--inline:has(:disabled) {
overflow: visible;
background-color: var(--color-background-interactive-disabled);
}
.form-check--inline .form-check__input {
position: absolute;
top: calc(var(--form-check-input-size) * 0.5 - 2px);
left: var(--form-label-padding-x);
margin: 0;
}
.form-check--inline:has(.help-block) .form-check__input {
top: calc(var(--form-label-padding-y) + 2px);
}
.form-check--inline .form-check__label {
margin: 0;
padding: var(--form-label-padding-y) var(--form-label-padding-x) var(--form-label-padding-y) var(--form-check-label-padding-l);
border-radius: var(--border-radius-md);
}
.form-check--inline .form-check__label::after {
content: "";
display: block;
position: absolute;
z-index: -2;
border: var(--border-width-default) solid var(--color-border-interactive-input-field-default);
border-radius: var(--border-radius-sm);
background-color: var(--color-background-interactive-input-default);
inset: 0;
}
.form-check--inline:hover .form-check__label::after {
border-color: var(--color-border-interactive-input-field-hovered);
background-color: var(--color-background-interactive-input-default);
}
.form-check--inline .form-check__input:checked ~ .form-check__label {
color: var(--color-link-brand-selected-strong);
}
.form-check--inline .form-check__input:checked ~ .form-check__label::after {
border-color: var(--color-border-static-brand);
background-color: var(--color-background-interactive-selected-brand);
}
.form-check--inline .form-check__input:checked ~ .form-check__label .help-block {
color: var(--color-link-brand-selected-strong);
}
.form-check--inline .form-check__input:disabled ~ .form-check__label::after {
border-color: var(--color-background-interactive-disabled);
background-color: var(--color-background-interactive-disabled);
}
.form-check--inline:focus-within {
box-shadow: 0 0 0 0.25rem rgba(28, 145, 156, 0.5);
}
.form-check--inline:focus-within .form-check__label::after {
border-color: var(--color-border-interactive-input-field-focused) !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(22, 120, 128, 0.45);
}
.form-check--inline-block {
--form-label-padding-y: 0.75rem;
--form-label-padding-x: 1rem;
--form-check-label-padding-l: 0;
display: flex;
min-height: calc(var(--line-height-base) * 1em + var(--space-input-md-padding-y) * 2 + var(--border-width-default) * 2);
margin: 0;
}
.form-check--inline-block::after {
border-color: transparent;
background-color: transparent;
}
.form-check--inline-block .form-check__input {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
white-space: nowrap !important;
}
.form-check--inline-block .form-check__label {
flex-grow: 1;
margin: 0;
border-color: transparent;
background-color: transparent;
text-align: center;
}
.form-check--inline-block .form-check__input:checked ~ .form-check__label {
color: var(--color-link-brand-selected-strong);
}
.form-check--inline-block .form-check__input:checked ~ .form-check__label::after {
border-color: var(--color-border-static-brand);
background-color: var(--color-background-interactive-selected-brand);
}
.form-check--inline-block .form-check__input:checked ~ .form-check__label .help-block {
color: var(--color-link-brand-selected-strong);
}
.form-check--sm {
--form-label-padding-y: 0.25em;
--form-label-padding-x: 0.6em;
--form-check-label-padding-l: 2em;
--form-check-input-size: calc(1.25em * 0.8);
--form-check-padding-start: calc(1.75em * 0.8);
--form-label-font-weight: 600;
font-size: var(--font-size-sm);
}
.form-check--sm .form-check__input {
top: calc(var(--form-check-input-size) * 0.5);
}
certara-radio {
display: flex;
}
certara-radio[layout=inline] {
display: inline-flex;
}
certara-radio + certara-radio:not([layout=inline]) {
margin-top: var(--space-input-control-gap-outside);
}
.form-switch {
--form-switch-border-width: var(--border-width-default);
--form-switch-width: 60px;
--form-switch-height: 30px;
--form-switch-weight: 400;
--form-bg-size: auto auto;
display: inline-flex;
align-items: center;
isolation: isolate;
}
.form-switch__input {
position: relative;
flex-shrink: 0;
width: var(--form-switch-width);
height: var(--form-switch-height);
overflow: visible;
border: var(--form-switch-border-width) solid var(--color-border-interactive-control-switch-default);
border-radius: 60px;
background-color: var(--color-background-interactive-selected-neutral);
cursor: pointer;
appearance: none;
}
.form-switch__input:disabled {
border-color: var(--color-background-interactive-control-disabled);
background-color: var(--color-background-interactive-disabled);
}
.form-switch__input::before, .form-switch__input::after {
content: "";
display: block;
position: absolute;
top: 0;
left: var(--form-switch-border-width);
width: calc(var(--form-switch-height) - var(--form-switch-border-width) * 2);
height: calc(var(--form-switch-height) - var(--form-switch-border-width) * 2);
border-radius: 50%;
}
.form-switch__input::before {
z-index: 2;
transition: transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
background: var(--color-background-static-subtlest);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: var(--form-bg-size);
box-shadow: var(--shadow-200);
}
.form-switch__input:disabled::before {
border-color: var(--color-background-interactive-control-disabled);
background-color: var(--color-background-interactive-control-disabled);
box-shadow: none;
}
.form-switch__input::after {
content: "";
display: block;
position: absolute;
z-index: 1;
transform: scale(0);
transition: all 0.2s ease-in-out;
opacity: 0;
background: #1c919c;
}
.form-switch__input:focus {
border-color: var(--color-text-primary);
outline: 0;
box-shadow: none, 0 0 0 0.25rem rgba(28, 145, 156, 0.5);
}
.form-switch__input:checked {
border-color: var(--theme-brand-400);
background-color: var(--color-background-interactive-control-selected);
}
.form-switch__input:checked::before {
transform: translateX(calc(100% + var(--form-switch-border-width)));
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 10' width='13' height='10'%3e%3cpath d='M12.2539 1.12109C12.418 1.30339 12.5 1.51302 12.5 1.75C12.5 1.98698 12.418 2.19661 12.2539 2.37891L5.25391 9.37891C5.07161 9.54297 4.86198 9.625 4.625 9.625C4.38802 9.625 4.17839 9.54297 3.99609 9.37891L0.496094 5.87891C0.332031 5.69661 0.25 5.48698 0.25 5.25C0.25 5.01302 0.332031 4.80339 0.496094 4.62109C0.678385 4.45703 0.888021 4.375 1.125 4.375C1.36198 4.375 1.57161 4.45703 1.75391 4.62109L4.59766 7.51953L10.9961 1.12109C11.1784 0.957031 11.388 0.875 11.625 0.875C11.862 0.875 12.0716 0.957031 12.2539 1.12109Z' style='fill:%231c919c'/%3e%3c/svg%3e");
}
.form-switch__input:checked::after {
right: var(--form-switch-border-width);
left: auto;
}
.form-switch__input:disabled:checked {
border-color: var(--color-background-interactive-control-disabled);
background-color: var(--color-background-interactive-disabled);
}
.form-switch__input:disabled:checked::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 10' width='13' height='10'%3e%3cpath d='M12.2539 1.12109C12.418 1.30339 12.5 1.51302 12.5 1.75C12.5 1.98698 12.418 2.19661 12.2539 2.37891L5.25391 9.37891C5.07161 9.54297 4.86198 9.625 4.625 9.625C4.38802 9.625 4.17839 9.54297 3.99609 9.37891L0.496094 5.87891C0.332031 5.69661 0.25 5.48698 0.25 5.25C0.25 5.01302 0.332031 4.80339 0.496094 4.62109C0.678385 4.45703 0.888021 4.375 1.125 4.375C1.36198 4.375 1.57161 4.45703 1.75391 4.62109L4.59766 7.51953L10.9961 1.12109C11.1784 0.957031 11.388 0.875 11.625 0.875C11.862 0.875 12.0716 0.957031 12.2539 1.12109Z' style='fill:%23727272'/%3e%3c/svg%3e");
}
.form-switch:hover .form-switch__input:not(:disabled)::after, .form-switch:focus-within .form-switch__input:not(:disabled)::after {
transform: scale(1.5);
opacity: 0.25;
}
.form-switch:hover .form-switch__input:not(:disabled) {
border-color: var(--color-border-interactive-control-hovered);
}
.form-switch__label {
display: block;
margin-inline-end: var(--units-150);
font-weight: var(--form-switch-weight);
cursor: pointer;
}
.form-switch--sm {
--form-switch-width: calc(60px * 0.6);
--form-switch-height: calc(30px * 0.6);
--form-bg-size: 60% 60%;
}
.form-switch--hide-label .form-switch__label, .form-switch.hide-label .form-switch__label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
white-space: nowrap !important;
}
.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
background-color: transparent;
appearance: none;
}
.form-range:focus {
outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px var(--body-bg), 0 0 0 0.25rem rgba(28, 145, 156, 0.5);
}
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px var(--body-bg), 0 0 0 0.25rem rgba(28, 145, 156, 0.5);
}
.form-range::-moz-focus-outer {
border: 0;
}
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
border: 0;
border-radius: 1rem;
background-color: var(--color-background-interactive-control-selected);
box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
appearance: none;
}
.form-range::-webkit-slider-thumb:active {
background-color: var(--color-background-interactive-control-selected);
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
border-radius: 1rem;
border-color: transparent;
background-color: var(--color-background-interactive-selected-neutral);
box-shadow: var(--shadow-100) -inset;
color: transparent;
cursor: pointer;
}
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
border: 0;
border-radius: 1rem;
background-color: var(--color-background-interactive-control-selected);
box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
appearance: none;
}
.form-range::-moz-range-thumb:active {
background-color: var(--color-background-interactive-control-selected);
}
.form-range::-moz-range-track {
width: 100%;
height: 0.5rem;
border-radius: 1rem;
border-color: transparent;
background-color: var(--color-background-interactive-selected-neutral);
box-shadow: var(--shadow-100) -inset;
color: transparent;
cursor: pointer;
}
.form-range:disabled {
pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
background-color: var(--color-background-interactive-control-icon-disabled);
}
.form-range:disabled::-moz-range-thumb {
background-color: var(--color-background-interactive-control-icon-disabled);
}
.input-group {
display: flex;
position: relative;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group .form-control, .input-group .form-control--search-container,
.input-group .form-select {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin: 0;
}
.input-group .form-control:focus, .input-group .form-control--search-container:focus,
.input-group .form-select:focus {
z-index: 5;
}
.input-group .btn,
.input-group certara-button button {
position: relative;
z-index: 2;
}
.input-group .btn:focus,
.input-group certara-button button:focus {
z-index: 5;
}
certara-input > .input-group-prepend > :first-child:is(label, span),
certara-input > .input-group-append > :first-child:is(label, span),
.input-group-text {
display: flex;
align-items: center;
margin: 0;
padding: var(--space-input-md-padding-y) var(--space-input-md-padding-x);
border: var(--border-width-default) solid var(--color-border-interactive-input-field-default);
border-radius: var(--border-radius-md);
background-color: var(--color-background-interactive-selected-neutral);
color: var(--color-text-primary);
font-size: var(--font-size-base);
font-weight: var(--font-weight-base);
line-height: var(--line-height-base);
text-align: center;
white-space: nowrap;
}
certara-input > .input-group-prepend > :first-child:is(label, span),
.input-group-prepend > .input-group-text {
border-inline-end: none;
}
certara-input > .input-group-append > :first-child:is(label, span),
.input-group-append > .input-group-text {
border-inline-start: none;
}
.input-group-lg .form-control, .input-group-lg .form-control--search-container,
.input-group-lg .form-select,
.input-group-lg input-group-text,
.input-group-lg .btn,
.input-group-lg certara-button button {
padding: var(--space-button-lg-padding-y) var(--space-button-lg-padding-x);
font-size: var(--font-size-lg);
}
.input-group-sm .form-control, .input-group-sm .form-control--search-container,
.input-group-sm .form-select,
.input-group-sm .input-group-text,
.input-group-sm .btn,
.input-group-sm certara-button button {
padding: var(--space-input-sm-padding-y) var(--space-input-sm-padding-x);
font-size: var(--font-size-xs);
}
.input-group-lg .form-select,
.input-group-sm .form-select {
padding-right: var(--space-input-md-padding-x)calc(var(--space-input-md-padding-x) * 2);
}
.input-group > :not(:last-child, .dropdown-toggle, .dropdown-menu),
.input-group > .dropdown-toggle:nth-last-child(n+3) {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.input-group-prepend,
.input-group-append {
display: flex;
justify-content: center;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > certara-button button,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child, .dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
certara-input > .input-group-prepend > :first-child:is(label, span) {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > certara-button button,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:first-child + .form-control,
.input-group > .input-group-prepend:first-child + .form-control--search-container,
.input-group > .input-group-prepend:first-child + .form-select,
certara-input > .input-group-append > :first-child:is(label, span) {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.input-group > .input-group-prepend:first-child + .form-control, .input-group > .input-group-prepend:first-child + .form-control--search-container,
.input-group > .input-group-prepend:first-child + .form-select,
.input-group > .input-group-append {
margin-left: -1px;
}
.control-fieldset--legend {
margin-bottom: var(--units-100);
color: var(--body-color);
font-size: var(--h3-font-size);
font-weight: 500;
line-height: 1.3;
}
.control-fieldset .error-message {
display: none;
}
.control-fieldset.has-error {
outline: var(--border-width-default) solid var(--color-border-static-danger-strong);
outline-offset: 0.75rem;
}
.control-fieldset.has-error .error-message {
display: block;
}
.form-section {
margin-top: var(--space-input-gap-outside);
padding: 0 var(--space-input-control-gap-outside);
}
.form-section:first-of-type, form > .form-section:first-child, form > *:first-child .form-section:first-child, .tab-content-sidebar .widget-content > .form-section:first-child, .widget-content > .form-section:first-child {
margin-top: calc(var(--space-input-gap-outside) / 2);
padding-top: 0;
}
.form-section:last-of-type {
margin-bottom: calc(var(--space-input-gap-outside) / 2);
}
.form-section .form-group {
margin-bottom: var(--space-input-gap-outside);
padding: 0;
border: none;
}
.form-section .form-group:first-of-type {
margin-top: calc(var(--space-input-gap-outside) / 2);
}
.modal-body__form .form-section .form-group {
margin-bottom: var(--space-input-control-gap-outside);
}
.form-section-header {
position: relative;
border-bottom: var(--border-width-default) solid var(--color-border-static-neutral);
display: flex;
flex: 0 0 100%;
align-items: baseline;
margin-bottom: var(--space-input-gap-outside);
line-height: 1.3;
}
.form-section-header__title {
flex: 1 2 20%;
margin: 0 var(--units-200) var(--units-50) 0;
color: var(--color-text-primary);
font-size: var(--h3-font-size);
font-weight: 500;
}
.form-section-header__link {
margin: 0 0 var(--units-50) auto;
cursor: pointer;
}
.form-section-header__help {
margin: 0 0 var(--units-50) auto;
color: var(--color-text-tertiary);
line-height: 1.3;
}
@media (min-width: 576px) {
.form-section-horizontal {
position: relative;
border-top: var(--border-width-default) solid var(--color-border-static-neutral);
display: flex;
margin: 0 var(--space-input-control-gap-outside);
padding: var(--space-input-gap-outside) 0 0;
}
.form-section-horizontal .form-section-header {
display: block;
flex: 1 1 25%;
margin-right: var(--units-200);
padding: 0;
border-bottom: none;
}
.form-section-horizontal .form-section-header__help {
line-height: var(--line-height-base);
}
.form-section-horizontal .form-section-header::after {
display: none;
}
.form-section-horizontal .form-section-body {
flex: 1 1 75%;
}
.form-section-horizontal .form-section-body > *:first-child {
margin-top: 0;
}
form > .form-section-horizontal:first-of-type {
border-top: none;
}
form > .form-section-horizontal:first-of-type::before {
display: none;
}
}
.form-section--cards .form-section-header {
margin: 0 calc(var(--units-200) / 2) calc(var(--space-input-gap-outside) / 2);
}
.form-group + .form-group,
.form-group + .form-group--inline,
.form-group + .form-check:not(.form-check--inline),
.form-group + .form-switch:not(.form-switch--inline),
.form-group--inline + .form-group,
.form-group--inline + .form-group--inline,
.form-group--inline + .form-check:not(.form-check--inline),
.form-group--inline + .form-switch:not(.form-switch--inline),
.form-check:not(.form-check--inline) + .form-group,
.form-check:not(.form-check--inline) + .form-group--inline,
.form-check:not(.form-check--inline) + .form-check:not(.form-check--inline),
.form-check:not(.form-check--inline) + .form-switch:not(.form-switch--inline),
.form-switch:not(.form-switch--inline) + .form-group,
.form-switch:not(.form-switch--inline) + .form-group--inline,
.form-switch:not(.form-switch--inline) + .form-check:not(.form-check--inline),
.form-switch:not(.form-switch--inline) + .form-switch:not(.form-switch--inline) {
margin-top: var(--space-input-gap-outside);
}
.form-check:not(.form-check--inline) + .form-check:not(.form-check--inline),
.form-check:not(.form-check--inline) + .form-switch:not(.form-switch--inline),
.form-switch:not(.form-switch--inline) + .form-check:not(.form-check--inline),
.form-switch:not(.form-switch--inline) + .form-switch:not(.form-switch--inline) {
margin-top: var(--space-input-control-gap-outside);
}
.form-group-read-only {
margin-top: var(--units-200);
padding: var(--units-150);
border: var(--border-width-default) solid var(--border-color);
border-radius: var(--border-radius-md);
background: var(--color-background-static-subtlest);
}
.form-group-read-only:first-of-type {
margin-top: calc(var(--space-input-gap-outside) / 2);
}
.form-group-read-only__title {
margin: 0 0 var(--units-100) 0;
font-size: var(--h6-font-size);
font-weight: 500;
}
.form-group-read-only > .label {
margin-right: calc(var(--units-200) / 2);
line-height: 2.3;
}
.form-group-read-only > .label-primary {
background-color: #1c919c;
}
.form-group-input-column {
margin-left: 16.6666666667%;
padding-left: 15px;
}
.form-actions {
display: flex;
align-items: center;
margin-bottom: var(--space-input-control-gap-outside);
padding-block-start: var(--units-200);
}
.widget-box .form-actions {
margin: var(--widget-box-footer-padding-y) calc(var(--space-container-md-padding-x) * -1) calc(var(--space-container-md-padding-y) * -1) calc(var(--space-container-md-padding-x) * -1);
padding: var(--widget-box-footer-padding-y) var(--widget-box-footer-padding-x);
border-top: var(--border-width-default) solid var(--widget-box-border-color);
background: var(--widget-box-footer-bg);
}
.form-actions .btn {
margin-right: var(--units-100);
}
.widget-content--form .form-actions__primary {
display: flex;
position: relative;
flex: 1 1 100%;
align-items: center;
justify-content: flex-start;
margin: 0 auto;
}
.widget-content--form .form-actions__secondary {
flex: 0 0 auto;
order: -1;
margin: 0 var(--units-200) 0 0;
padding-right: var(--units-200);
border-right: var(--border-width-default) solid var(--border-color);
white-space: nowrap;
}
.widget-content--form .form-actions .btn {
margin: 0;
}
.widget-content--form .form-actions .btn-primary--save {
min-width: 175px;
margin: 0;
}
@media (min-width: 576px) {
.widget-content--form .form-actions .btn-primary--save {
margin-right: var(--units-200);
}
}
.widget-content--form .form-actions .save-reminder {
position: absolute;
top: 50%;
left: 0;
order: -1;
margin: 0 calc(var(--units-200) / 2) 0 0;
transform: translateY(-50%);
transition: opacity 0.5s;
opacity: 1;
color: var(--color-text-tertiary);
}
.widget-content--form .form-actions .btn-primary--save:disabled ~ .save-reminder {
opacity: 0;
}
.form-popover-container {
display: flex;
position: relative;
align-items: flex-start;
}
.form-popover {
display: block;
position: relative;
top: 0;
flex: 1 1 50%;
width: 0;
max-width: 240px;
margin: 0 0 calc(var(--units-200) * 3) var(--units-200);
transition: opacity 0.15s ease-in-out, top 0.3s ease-in-out;
border: var(--border-width-default) solid var(--color-border-static-neutral-strong);
border-radius: var(--border-radius-sm);
opacity: 0;
background-clip: padding-box;
background-color: #eee;
word-wrap: break-word;
pointer-events: none;
}
.form-popover .arrow {
display: block;
position: absolute;
width: 18px;
height: 9px;
margin: 0 var(--border-radius-sm);
}
.form-popover .arrow::before, .form-popover .arrow::after {
content: "";
display: block;
position: absolute;
border-style: solid;
border-color: transparent;
}
.form-popover.show {
display: block;
width: 100%;
opacity: 1;
pointer-events: all;
}
.form-popover.is-3rem-down {
top: 3rem;
}
.form-popover.is-6rem-down {
top: 6rem;
}
.form-popover__body {
padding: 0.75rem;
color: var(--body-color);
}
.form-popover--right > .arrow {
left: calc(-9px - var(--border-width-default));
width: 9px;
height: 18px;
margin: var(--border-radius-sm) 0;
}
.form-popover--right > .arrow::before {
left: 0;
border-width: calc(18px / 2) 9px calc(18px / 2) 0;
border-right-color: var(--color-border-static-neutral-strong);
}
.form-popover--right > .arrow::after {
left: var(--border-width-default);
border-width: calc(18px / 2) 9px calc(18px / 2) 0;
border-right-color: #eee;
}
.form-popover .form-horizontal .form-group {
display: flex;
margin: 0 0 var(--space-input-gap-outside);
padding: 0;
border: none;
}
.form-popover .form-horizontal .form-group:last-of-type {
margin-bottom: 0;
}
.form-popover .form-horizontal .col-form-label {
flex: 1 1 40%;
margin-right: var(--units-100);
font-weight: 700;
text-align: right;
}
}
@layer utilities {
.fa-spin,
.spin {
animation-name: spin;
animation-duration: var(--animation-duration, 2s);
animation-timing-function: var(--animation-timing, linear);
animation-delay: var(--animation-delay, 0);
animation-iteration-count: var(--animation-iteration-count, infinite);
animation-direction: var(--animation-direction, normal);
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.get-attention--jump {
animation: jump 1s forwards cubic-bezier(0.84, -0.54, 0.31, 1.19);
}
.get-attention--jump-shake {
transform-origin: bottom;
animation: jump-shake 1.3s forwards cubic-bezier(0.51, 0, 0.44, 1);
}
.get-attention--waggle {
animation: waggle 1s forwards ease-out;
}
.get-attention--spin {
animation: spin 1.5s forwards cubic-bezier(0.56, -0.35, 0.22, 1.5);
}
@keyframes jump {
0% {
transform: none;
}
50% {
transform: translateY(-75%);
}
}
@keyframes jump-shake {
0% {
transform: translate(0, 0) scale(1, 1);
}
30% {
transform: translate(0, 0) scale(1.25, 0.75);
}
50% {
transform: translate(0, -70%) scale(1, 1);
}
55% {
transform: translate(0, -70%) rotate(15deg);
}
60% {
transform: translate(0, -70%) rotate(-15deg);
}
65% {
transform: translate(0, -70%) rotate(15deg);
}
70% {
transform: translate(0, -70%) rotate(-15deg);
}
90% {
transform: translate(0, 0) scale(1.25, 0.75);
}
100% {
transform: translate(0, 0) scale(1, 1);
}
}
@keyframes waggle {
0% {
transform: none;
}
50% {
transform: rotateZ(-20deg) scale(1.2);
}
60% {
transform: rotateZ(25deg) scale(1.2);
}
67.5% {
transform: rotateZ(-15deg) scale(1.2);
}
75% {
transform: rotateZ(15deg) scale(1.2);
}
82.5% {
transform: rotateZ(-12deg) scale(1.2);
}
85% {
transform: rotateZ(0) scale(1.2);
}
100% {
transform: rotateZ(0) scale(1);
}
}
.ring-bell,
.contains-bell:hover .icon-bell,
.contains-bell:hover .badge {
transform-origin: center top;
animation: ring 1s ease-out;
}
.contains-bell:hover .badge {
animation-delay: 0.075s;
}
@keyframes ring {
0% {
transform: rotate(35deg);
}
12.5% {
transform: rotate(-30deg);
}
25% {
transform: rotate(25deg);
}
37.5% {
transform: rotate(-20deg);
}
50% {
transform: rotate(15deg);
}
62.5% {
transform: rotate(-10deg);
}
75% {
transform: rotate(5deg);
}
100% {
transform: rotate(0);
}
}
.pulse {
animation-name: pulse;
}
@keyframes pulse {
0% {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
transform: scale3d(1, 1, 1);
}
}
.pulse-md {
animation-name: pulse-md;
}
@keyframes pulse-md {
0% {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.2, 1.2, 1.2);
}
100% {
transform: scale3d(1, 1, 1);
}
}
.pulse-lg {
animation-name: pulse-lg;
}
@keyframes pulse-lg {
0% {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.3, 1.3, 1.3);
}
100% {
transform: scale3d(1, 1, 1);
}
}
.is-pulsing-border {
animation: border-pulse 2s cubic-bezier(0, 0, 0.2, 1) infinite;
border-color: #1c919c !important;
}
.is-pulsing-border-5x {
position: relative;
z-index: 1;
animation: border-pulse 2s cubic-bezier(0, 0, 0.2, 1) 5;
border-color: #1c919c !important;
}
@keyframes border-pulse {
0% {
box-shadow: 0 0 0 -1px rgba(28, 145, 156, 0.75);
}
75% {
box-shadow: 0 0 0 16px rgba(28, 145, 156, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(28, 145, 156, 0);
}
}
.fade.in {
opacity: 1;
}
.fade-in,
.fadeIn {
animation: fadeIn 0.85s forwards cubic-bezier(0.81, 0, 1, 1);
}
.fade-inLeft, .fade-in--left,
.fadeInLeft,
.fadeIn--left {
animation: fadeInLeft 0.5s forwards ease-in;
}
.fade-inRight, .fade-in--right,
.fadeInRight,
.fadeIn--right {
animation: fadeInRight 0.9s forwards ease-in;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInLeft {
0% {
transform: translateX(75px);
animation-timing-function: ease;
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes fadeInRight {
0% {
transform: translateX(-125px);
animation-timing-function: ease;
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes fadeInUp {
0% {
transform: translate3d(0, 100%, 0);
opacity: 0;
}
100% {
transform: none;
opacity: 1;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUp-sm {
0% {
transform: translate3d(0, 50px, 0);
opacity: 0;
}
100% {
transform: none;
opacity: 1;
}
}
@keyframes fadeInDown-sm {
0% {
transform: translate3d(0, -50px, 0);
opacity: 0;
}
100% {
transform: none;
opacity: 1;
}
}
.fadeInUp-sm {
animation-name: fadeInUp-sm;
}
@keyframes fadeInUp-lg {
0% {
transform: translate3d(0, 2000px, 0);
opacity: 0;
}
100% {
transform: none;
opacity: 1;
}
}
@keyframes fadeOutUp {
0% {
transform: none;
opacity: 1;
}
100% {
transform: translate3d(0, 100%, 0);
opacity: 0;
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUp-sm {
0% {
transform: none;
opacity: 1;
}
100% {
transform: translate3d(0, 50px, 0);
opacity: 0;
}
}
.fadeOutUp-sm {
animation-name: fadeOutUp-sm;
}
@keyframes fadeOutUp-lg {
0% {
transform: none;
opacity: 1;
}
100% {
transform: translate3d(0, 2000px, 0);
opacity: 0;
}
}
@keyframes rotate-down {
from {
transform: rotate(0deg);
}
to {
transform: rotate(180deg);
}
}
@keyframes rotate-up {
from {
transform: rotate(180deg);
}
to {
transform: rotate(0deg);
}
}
.animate-children-staggered > * {
--delay: calc(var(--i, 1) * 250ms);
animation-delay: var(--delay);
}
.animate-children-staggered > :nth-child(1) {
--i: 1;
}
.animate-children-staggered > :nth-child(2) {
--i: 2;
}
.animate-children-staggered > :nth-child(3) {
--i: 3;
}
.animate-children-staggered > :nth-child(4) {
--i: 4;
}
.animate-children-staggered > :nth-child(5) {
--i: 5;
}
.animate-children-staggered > :nth-child(6) {
--i: 6;
}
.delay-by-100ms {
animation-delay: 100ms;
}
.delay-by-200ms {
animation-delay: 200ms;
}
.delay-by-300ms {
animation-delay: 300ms;
}
.delay-by-400ms {
animation-delay: 400ms;
}
.delay-by-500ms {
animation-delay: 500ms;
}
.delay-by-600ms {
animation-delay: 600ms;
}
.delay-by-700ms {
animation-delay: 700ms;
}
.delay-by-800ms {
animation-delay: 800ms;
}
.delay-by-900ms {
animation-delay: 900ms;
}
.delay-by-1000ms {
animation-delay: 1000ms;
}
.delay-by-1100ms {
animation-delay: 1100ms;
}
.delay-by-1200ms {
animation-delay: 1200ms;
}
.delay-by-1300ms {
animation-delay: 1300ms;
}
.delay-by-1400ms {
animation-delay: 1400ms;
}
.delay-by-1500ms {
animation-delay: 1500ms;
}
.play-2x {
animation-iteration-count: 2;
}
.play-3x {
animation-iteration-count: 3;
}
.play-4x {
animation-iteration-count: 4;
}
.play-5x {
animation-iteration-count: 5;
}
.play-6x {
animation-iteration-count: 6;
}
.play-7x {
animation-iteration-count: 7;
}
.play-8x {
animation-iteration-count: 8;
}
.play-9x {
animation-iteration-count: 9;
}
.is-pulsing-border {
animation: border-pulse 2s cubic-bezier(0, 0, 0.2, 1) infinite;
border-color: #1c919c !important;
}
.is-pulsing-border-5x {
position: relative;
z-index: 1;
animation: border-pulse 2s cubic-bezier(0, 0, 0.2, 1) 5;
border-color: #1c919c !important;
}
.is-pulsing-border-danger {
animation: border-pulse-danger 2s cubic-bezier(0, 0, 0.2, 1) infinite;
border-color: var(--color-border-static-danger-strong) !important;
}
.is-pulsing-border-5x-danger {
position: relative;
z-index: 1;
animation: border-pulse-danger 2s cubic-bezier(0, 0, 0.2, 1) 5;
border-color: var(--color-border-static-danger-strong) !important;
}
@keyframes border-pulse {
0% {
box-shadow: 0 0 0 -1px rgba(28, 145, 156, 0.75);
}
75% {
box-shadow: 0 0 0 16px rgba(28, 145, 156, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(28, 145, 156, 0);
}
}
@keyframes border-pulse-danger {
0% {
box-shadow: 0 0 0 -1px rgba(217, 22, 59, 0.75);
}
75% {
box-shadow: 0 0 0 16px rgba(217, 22, 59, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(217, 22, 59, 0);
}
}
.animated {
animation-duration: 0.25s;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
}
.animation-duration-250 {
animation-duration: 0.25s;
}
.animation-duration-500 {
animation-duration: 0.5s;
}
.animation-duration-750 {
animation-duration: 0.75s;
}
.animation-duration-1000 {
animation-duration: 1s;
}
.animation-duration-1500 {
animation-duration: 1.5s;
}
.animation-duration-2000 {
animation-duration: 2s;
}
.animation-duration-2500 {
animation-duration: 2.5s;
}
.animation-duration-3000 {
animation-duration: 3s;
}
.animation-delay-100 {
animation-delay: 100ms;
}
.animation-delay-250 {
animation-delay: 250ms;
}
.animation-delay-500 {
animation-delay: 500ms;
}
.animation-delay-750 {
animation-delay: 750ms;
}
.animation-delay-1000 {
animation-delay: 1s;
}
.animation-delay-1250 {
animation-delay: 1.25s;
}
.animation-delay-1500 {
animation-delay: 1.5s;
}
:where(.certara-ui-fade, .certara-ui-fade-down) {
opacity: 0;
}
.certara-ui-fade {
animation: fadeIn 0.15s ease-in-out forwards;
animation-delay: 0.5s;
}
.certara-ui-fade-down {
animation: fadeInDown-sm 0.5s ease forwards;
animation-delay: 0.15s;
}
.max-width-50 {
max-width: 50px;
}
.min-width-50 {
min-width: 50px;
}
.max-width-100 {
max-width: 100px;
}
.min-width-100 {
min-width: 100px;
}
.max-width-150 {
max-width: 150px;
}
.min-width-150 {
min-width: 150px;
}
.max-width-200 {
max-width: 200px;
}
.min-width-200 {
min-width: 200px;
}
.max-width-250 {
max-width: 250px;
}
.min-width-250 {
min-width: 250px;
}
.max-width-300 {
max-width: 300px;
}
.min-width-300 {
min-width: 300px;
}
.max-width-350 {
max-width: 350px;
}
.min-width-350 {
min-width: 350px;
}
.max-width-400 {
max-width: 400px;
}
.min-width-400 {
min-width: 400px;
}
.max-width-450 {
max-width: 450px;
}
.min-width-450 {
min-width: 450px;
}
.max-width-500 {
max-width: 500px;
}
.min-width-500 {
min-width: 500px;
}
.max-width-550 {
max-width: 550px;
}
.min-width-550 {
min-width: 550px;
}
.max-width-600 {
max-width: 600px;
}
.min-width-600 {
min-width: 600px;
}
.max-width-650 {
max-width: 650px;
}
.min-width-650 {
min-width: 650px;
}
.max-width-700 {
max-width: 700px;
}
.min-width-700 {
min-width: 700px;
}
.max-width-750 {
max-width: 750px;
}
.min-width-750 {
min-width: 750px;
}
.field-sizing-content {
field-sizing: content;
}
.max-height-12rem {
max-height: calc(100vh - 12rem);
overflow-y: auto;
}
.overflow-y-sm {
max-height: 11rem;
}
.overflow-y-md {
max-height: 22rem;
}
.overflow-y-auto {
overflow-y: auto;
}
.btn-reset {
border: none;
background-color: transparent;
color: inherit;
font-family: inherit;
line-height: inherit;
cursor: pointer;
}
.form-control-reset {
border: none;
border-radius: 0;
background-color: transparent;
color: inherit;
font-family: inherit;
line-height: inherit;
cursor: pointer;
}
.form-control-reset:focus {
outline: none;
box-shadow: none;
}
.form-control-reset:disabled {
border-color: var(--color-border-interactive-disabled);
opacity: 1;
background-color: var(--color-background-interactive-disabled);
box-shadow: none;
color: var(--color-text-disabled);
cursor: not-allowed;
}
.cursor-pointer {
cursor: pointer;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}
.hide-label label {
display: none;
}
.border-neutral {
--border-color: var(--color-border-static-neutral);
border-color: var(--color-border-static-neutral);
}
.border-neutral-strong {
--border-color: var(--color-border-static-neutral-strong);
border-color: var(--color-border-static-neutral-strong);
}
.border-brand {
--border-color: var(--color-border-static-brand);
border-color: var(--color-border-static-brand);
}
.border-brand-strong {
--border-color: var(--color-border-static-brand-strong);
border-color: var(--color-border-static-brand-strong);
}
.border-success {
--border-color: var(--color-border-static-success);
border-color: var(--color-border-static-success);
}
.border-success-strong {
--border-color: var(--color-border-static-success-strong);
border-color: var(--color-border-static-success-strong);
}
.border-danger {
--border-color: var(--color-border-static-danger);
border-color: var(--color-border-static-danger);
}
.border-danger-strong {
--border-color: var(--color-border-static-danger-strong);
border-color: var(--color-border-static-danger-strong);
}
.border-info {
--border-color: var(--color-border-static-info);
border-color: var(--color-border-static-info);
}
.border-info-strong {
--border-color: var(--color-border-static-info-strong);
border-color: var(--color-border-static-info-strong);
}
.border-warning {
--border-color: var(--color-border-static-warning);
border-color: var(--color-border-static-warning);
}
.border-warning-strong {
--border-color: var(--color-border-static-warning-strong);
border-color: var(--color-border-static-warning-strong);
}
.bg-body {
background-color: var(--body-bg) !important;
}
.bg-neutral {
background-color: var(--color-background-static-neutral) !important;
}
.bg-subtle {
background-color: var(--color-background-static-subtle) !important;
}
.bg-subtlest {
background-color: var(--color-background-static-subtlest) !important;
}
.bg-strong {
background-color: var(--color-background-static-strong) !important;
}
.bg-stronger {
background-color: var(--color-background-static-stronger) !important;
}
.bg-inverse {
background-color: var(--color-background-static-inverse) !important;
}
.bg-inverse-subtle {
background-color: var(--color-background-static-inverse-subtle) !important;
}
.bg-brand {
background-color: var(--color-background-static-brand) !important;
}
.bg-brand-subtle {
background-color: var(--color-background-static-brand-subtle) !important;
}
.bg-brand-strong {
background-color: var(--color-background-static-brand-strong) !important;
}
.bg-success {
background-color: var(--color-background-static-success) !important;
}
.bg-success-subtle {
background-color: var(--color-background-static-success-subtle) !important;
}
.bg-danger {
background-color: var(--color-background-static-danger) !important;
}
.bg-danger-subtle {
background-color: var(--color-background-static-danger-subtle) !important;
}
.bg-danger-strong {
background-color: var(--color-background-static-danger-strong) !important;
}
.bg-info {
background-color: var(--color-background-static-info) !important;
}
.bg-info-subtle {
background-color: var(--color-background-static-info-subtle) !important;
}
.bg-warning {
background-color: var(--color-background-static-warning) !important;
}
.bg-warning-subtle {
background-color: var(--color-background-static-warning-subtle) !important;
}
.bg-accent-orange {
background-color: var(--color-background-static-accent-orange) !important;
}
.bg-accent-orange-subtle {
background-color: var(--color-background-static-accent-orange-subtle) !important;
}
.bg-accent-cyan {
background-color: var(--color-background-static-accent-cyan) !important;
}
.bg-accent-cyan-subtle {
background-color: var(--color-background-static-accent-cyan-subtle) !important;
}
.bg-accent-olive {
background-color: var(--color-background-static-accent-olive) !important;
}
.bg-accent-olive-subtle {
background-color: var(--color-background-static-accent-olive-subtle) !important;
}
.bg-accent-magenta {
background-color: var(--color-background-static-accent-magenta) !important;
}
.bg-accent-magenta-subtle {
background-color: var(--color-background-static-accent-magenta-subtle) !important;
}
.bg-disabled {
background-color: var(--color-background-interactive-disabled) !important;
}
[class^=aspect-],
.object-fit-cover {
object-fit: cover;
}
iframe[class^=aspect-] {
width: 100%;
}
.aspect-1x1 {
aspect-ratio: 1 / 1;
}
.aspect-2x1 {
aspect-ratio: 2 / 1;
}
.aspect-3x1 {
aspect-ratio: 3 / 1;
}
.aspect-4x3 {
aspect-ratio: 4 / 3;
}
.aspect-16x9 {
aspect-ratio: 16 / 9;
}
.aspect-21x9 {
aspect-ratio: 21 / 9;
}
.fixed-top {
position: fixed;
z-index: var(--zindex-fixed);
top: 0;
right: 0;
left: 0;
}
.fixed-bottom {
position: fixed;
z-index: var(--zindex-fixed);
right: 0;
bottom: 0;
left: 0;
}
.sticky-top {
position: sticky;
z-index: var(--zindex-sticky);
top: 0;
}
.sticky-bottom {
position: sticky;
z-index: var(--zindex-sticky);
bottom: 0;
}
@media (min-width: 576px) {
.sticky-sm-top {
position: sticky;
z-index: var(--zindex-sticky);
top: 0;
}
.sticky-sm-bottom {
position: sticky;
z-index: var(--zindex-sticky);
bottom: 0;
}
}
@media (min-width: 768px) {
.sticky-md-top {
position: sticky;
z-index: var(--zindex-sticky);
top: 0;
}
.sticky-md-bottom {
position: sticky;
z-index: var(--zindex-sticky);
bottom: 0;
}
}
@media (min-width: 992px) {
.sticky-lg-top {
position: sticky;
z-index: var(--zindex-sticky);
top: 0;
}
.sticky-lg-bottom {
position: sticky;
z-index: var(--zindex-sticky);
bottom: 0;
}
}
@media (min-width: 1200px) {
.sticky-xl-top {
position: sticky;
z-index: var(--zindex-sticky);
top: 0;
}
.sticky-xl-bottom {
position: sticky;
z-index: var(--zindex-sticky);
bottom: 0;
}
}
@media (min-width: 1400px) {
.sticky-xxl-top {
position: sticky;
z-index: var(--zindex-sticky);
top: 0;
}
.sticky-xxl-bottom {
position: sticky;
z-index: var(--zindex-sticky);
bottom: 0;
}
}
.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
}
.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch;
}
.space-y > * {
margin-block-end: 0;
}
.space-y-0 > * + * {
margin-block-start: 0;
}
.space-y-1 > * + * {
margin-block-start: var(--units-25);
}
.space-y-2 > * + * {
margin-block-start: var(--units-50);
}
.space-y-3 > * + * {
margin-block-start: var(--units-75);
}
.space-y-4 > * + * {
margin-block-start: var(--units-100);
}
.space-y-5 > * + * {
margin-block-start: var(--units-150);
}
.space-y-6 > * + * {
margin-block-start: var(--units-200);
}
.space-y-7 > * + * {
margin-block-start: var(--units-250);
}
.space-y-8 > * + * {
margin-block-start: var(--units-300);
}
.space-y-9 > * + * {
margin-block-start: var(--units-400);
}
.space-y-10 > * + * {
margin-block-start: var(--units-500);
}
.space-x > * {
margin-inline-end: 0;
}
.space-x-0 > * + * {
margin-inline-start: 0;
}
.space-x-1 > * + * {
margin-inline-start: var(--units-25);
}
.space-x-2 > * + * {
margin-inline-start: var(--units-50);
}
.space-x-3 > * + * {
margin-inline-start: var(--units-75);
}
.space-x-4 > * + * {
margin-inline-start: var(--units-100);
}
.space-x-5 > * + * {
margin-inline-start: var(--units-150);
}
.space-x-6 > * + * {
margin-inline-start: var(--units-200);
}
.space-x-7 > * + * {
margin-inline-start: var(--units-250);
}
.space-x-8 > * + * {
margin-inline-start: var(--units-300);
}
.space-x-9 > * + * {
margin-inline-start: var(--units-400);
}
.space-x-10 > * + * {
margin-inline-start: var(--units-500);
}
.p-container-header,
.p-container-footer {
padding: var(--space-container-md-padding-y) var(--space-container-md-padding-x);
}
.visually-hidden,
.visually-hidden-focusable:not(:focus, :focus-within),
.sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
white-space: nowrap !important;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}
.text-body {
color: var(--body-color) !important;
}
.text-primary {
color: var(--color-text-primary) !important;
}
.text-secondary {
color: var(--color-text-secondary) !important;
}
.text-tertiary,
.text-muted {
color: var(--color-text-tertiary) !important;
}
.text-brand {
color: var(--color-text-brand) !important;
}
.text-brand-strong {
color: var(--color-text-brand-strong) !important;
}
.text-inverse {
color: var(--color-text-inverse) !important;
}
.text-success {
color: var(--color-text-success) !important;
}
.text-danger {
color: var(--color-text-danger) !important;
}
.text-info {
color: var(--color-text-info) !important;
}
.text-warning {
color: var(--color-text-warning) !important;
}
.text-error {
color: var(--color-text-error) !important;
}
.text-orange {
color: var(--theme-accent-orange-700) !important;
}
.icon-brand {
fill: var(--color-icon-brand) !important;
color: var(--color-icon-brand) !important;
}
.icon-neutral {
fill: var(--color-icon-neutral) !important;
color: var(--color-icon-neutral) !important;
}
.icon-neutral-subtle {
fill: var(--color-icon-neutral-subtle) !important;
color: var(--color-icon-neutral-subtle) !important;
}
.icon-neutral-subtler {
fill: var(--color-icon-neutral-subtler) !important;
color: var(--color-icon-neutral-subtler) !important;
}
.icon-inverse {
fill: var(--color-icon-inverse) !important;
color: var(--color-icon-inverse) !important;
}
.icon-success {
fill: var(--color-icon-success) !important;
color: var(--color-icon-success) !important;
}
.icon-danger {
fill: var(--color-icon-danger) !important;
color: var(--color-icon-danger) !important;
}
.icon-info {
fill: var(--color-icon-info) !important;
color: var(--color-icon-info) !important;
}
.text-warning .icon:not(a > *),
.icon-warning {
fill: var(--color-icon-warning) !important;
color: var(--color-icon-warning) !important;
}
.icon-accent-orange {
fill: var(--color-icon-accent-orange) !important;
color: var(--color-icon-accent-orange) !important;
}
.icon-accent-cyan {
fill: var(--color-icon-accent-cyan) !important;
color: var(--color-icon-accent-cyan) !important;
}
.icon-accent-olive {
fill: var(--color-icon-accent-olive) !important;
color: var(--color-icon-accent-olive) !important;
}
.icon-accent-magenta {
fill: var(--color-icon-accent-magenta) !important;
color: var(--color-icon-accent-magenta) !important;
}
.heading-3xl {
font-size: var(--h1-font-size) !important;
font-weight: var(--h1-font-weight) !important;
line-height: var(--h1-line-height) !important;
}
.heading-2xl {
font-size: var(--h2-font-size) !important;
font-weight: var(--h2-font-weight) !important;
line-height: var(--h2-line-height) !important;
}
.heading-xl {
font-size: var(--h3-font-size) !important;
font-weight: var(--h3-font-weight) !important;
line-height: var(--h3-line-height) !important;
}
.heading-lg {
font-size: var(--h4-font-size) !important;
font-weight: var(--h4-font-weight) !important;
line-height: var(--h4-line-height) !important;
}
.heading-md {
font-size: var(--h5-font-size) !important;
font-weight: var(--h5-font-weight) !important;
line-height: var(--h5-line-height) !important;
}
.heading-sm {
font-size: var(--h6-font-size) !important;
font-weight: var(--h6-font-weight) !important;
line-height: var(--h6-line-height) !important;
}
.heading-xs {
font-size: var(--font-size-sm) !important;
font-weight: 600 !important;
text-transform: uppercase !important;
}
.heading-subheader {
color: var(--color-text-tertiary) !important;
font-size: var(--font-size-sm) !important;
font-weight: 600 !important;
letter-spacing: 0.75px;
text-transform: uppercase !important;
}
.text-link {
color: var(--link-color) !important;
}
.text-danger:is(a) {
color: var(--color-text-danger) !important;
}
.text-danger:is(a):hover {
color: #861027 !important;
}
.text-success:is(a) {
color: var(--color-text-success) !important;
}
.text-success:is(a):hover {
color: #0e522e !important;
}
.text-letter-spacing {
letter-spacing: 0.75px !important;
}
.table-cell-truncated {
max-width: 400px;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.overflow-wrap-break-word {
overflow-wrap: break-word !important;
}
.overflow-wrap-anywhere {
overflow-wrap: anywhere !important;
}
.word-break-break-word {
word-break: break-word !important;
}
.text-underline,
.hover-text-underline:hover {
text-decoration: underline;
text-decoration-color: currentcolor;
text-underline-offset: 3px;
text-decoration-skip-ink: all;
text-decoration-thickness: 1px;
}
.zindex-reset {
isolation: isolate;
}
.zindex-base {
z-index: 1;
}
.zindex-front {
z-index: 2;
}
.zindex-back {
z-index: -1;
}
.zindex-dropdown {
z-index: var(--zindex-dropdown);
}
.zindex-sticky {
z-index: var(--zindex-sticky);
}
.zindex-fixed {
z-index: var(--zindex-fixed);
}
.zindex-modal-backdrop {
z-index: var(--zindex-modal-backdrop);
}
.zindex-modal {
z-index: var(--zindex-modal);
}
.zindex-popover {
z-index: var(--zindex-popover);
}
.zindex-tooltip {
z-index: var(--zindex-tooltip);
}
.zindex-autocomplete {
z-index: var(--zindex-autocomplete);
}
.zindex-toast {
z-index: var(--zindex-toast);
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
.opacity-0 {
opacity: 0 !important;
}
.opacity-25 {
opacity: 0.25 !important;
}
.opacity-50 {
opacity: 0.5 !important;
}
.opacity-75 {
opacity: 0.75 !important;
}
.opacity-100 {
opacity: 1 !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-scroll {
overflow: scroll !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.shadow {
box-shadow: var(--shadow-200) !important;
}
.shadow-100 {
box-shadow: var(--shadow-100) !important;
}
.shadow-200 {
box-shadow: var(--shadow-200) !important;
}
.shadow-300 {
box-shadow: var(--shadow-300) !important;
}
.shadow-400 {
box-shadow: var(--shadow-400) !important;
}
.shadow-500 {
box-shadow: var(--shadow-500) !important;
}
.shadow-600 {
box-shadow: var(--shadow-600) !important;
}
.shadow-none {
box-shadow: none !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.top-0 {
top: 0 !important;
}
.top-50 {
top: 50% !important;
}
.top-100 {
top: 100% !important;
}
.bottom-0 {
bottom: 0 !important;
}
.bottom-50 {
bottom: 50% !important;
}
.bottom-100 {
bottom: 100% !important;
}
.start-0 {
left: 0 !important;
}
.start-50 {
left: 50% !important;
}
.start-100 {
left: 100% !important;
}
.end-0 {
right: 0 !important;
}
.end-50 {
right: 50% !important;
}
.end-100 {
right: 100% !important;
}
.translate-middle {
transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
transform: translateX(-50%) !important;
}
.translate-middle-y {
transform: translateY(-50%) !important;
}
.border {
border: var(--border-width, --border-width-default) var(--border-style) var(--border-color) !important;
}
.border-0 {
border: 0 !important;
}
.border-top {
border-top: var(--border-width, --border-width-default) var(--border-style) var(--border-color) !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right {
border-right: var(--border-width, --border-width-default) var(--border-style) var(--border-color) !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom {
border-bottom: var(--border-width, --border-width-default) var(--border-style) var(--border-color) !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left {
border-left: var(--border-width, --border-width-default) var(--border-style) var(--border-color) !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-1 {
--border-width: 1px;
}
.border-2 {
--border-width: 2px;
}
.border-3 {
--border-width: 3px;
}
.border-4 {
--border-width: 4px;
}
.border-5 {
--border-width: 5px;
}
.border-style-solid {
--border-style: solid;
}
.border-style-dashed {
--border-style: dashed;
}
.border-style-dotted {
--border-style: dotted;
}
.border-opacity-10 {
--border-opacity: 0.1;
}
.border-opacity-25 {
--border-opacity: 0.25;
}
.border-opacity-50 {
--border-opacity: 0.5;
}
.border-opacity-75 {
--border-opacity: 0.75;
}
.border-opacity-100 {
--border-opacity: 1;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.vw-100 {
width: 100vw !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mh-100 {
max-height: 100% !important;
}
.vh-100 {
height: 100vh !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-1 {
flex: 1 1 0% !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.order-first {
order: -1 !important;
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-last {
order: 6 !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: var(--units-25) !important;
}
.m-2 {
margin: var(--units-50) !important;
}
.m-3 {
margin: var(--units-75) !important;
}
.m-4 {
margin: var(--units-100) !important;
}
.m-5 {
margin: var(--units-150) !important;
}
.m-6 {
margin: var(--units-200) !important;
}
.m-7 {
margin: var(--units-250) !important;
}
.m-8 {
margin: var(--units-300) !important;
}
.m-9 {
margin: var(--units-400) !important;
}
.m-10 {
margin: var(--units-500) !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-inline-end: 0 !important;
margin-inline-start: 0 !important;
}
.mx-1 {
margin-inline-end: var(--units-25) !important;
margin-inline-start: var(--units-25) !important;
}
.mx-2 {
margin-inline-end: var(--units-50) !important;
margin-inline-start: var(--units-50) !important;
}
.mx-3 {
margin-inline-end: var(--units-75) !important;
margin-inline-start: var(--units-75) !important;
}
.mx-4 {
margin-inline-end: var(--units-100) !important;
margin-inline-start: var(--units-100) !important;
}
.mx-5 {
margin-inline-end: var(--units-150) !important;
margin-inline-start: var(--units-150) !important;
}
.mx-6 {
margin-inline-end: var(--units-200) !important;
margin-inline-start: var(--units-200) !important;
}
.mx-7 {
margin-inline-end: var(--units-250) !important;
margin-inline-start: var(--units-250) !important;
}
.mx-8 {
margin-inline-end: var(--units-300) !important;
margin-inline-start: var(--units-300) !important;
}
.mx-9 {
margin-inline-end: var(--units-400) !important;
margin-inline-start: var(--units-400) !important;
}
.mx-10 {
margin-inline-end: var(--units-500) !important;
margin-inline-start: var(--units-500) !important;
}
.mx-auto {
margin-inline-end: auto !important;
margin-inline-start: auto !important;
}
.my-0 {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
}
.my-1 {
margin-block-start: var(--units-25) !important;
margin-block-end: var(--units-25) !important;
}
.my-2 {
margin-block-start: var(--units-50) !important;
margin-block-end: var(--units-50) !important;
}
.my-3 {
margin-block-start: var(--units-75) !important;
margin-block-end: var(--units-75) !important;
}
.my-4 {
margin-block-start: var(--units-100) !important;
margin-block-end: var(--units-100) !important;
}
.my-5 {
margin-block-start: var(--units-150) !important;
margin-block-end: var(--units-150) !important;
}
.my-6 {
margin-block-start: var(--units-200) !important;
margin-block-end: var(--units-200) !important;
}
.my-7 {
margin-block-start: var(--units-250) !important;
margin-block-end: var(--units-250) !important;
}
.my-8 {
margin-block-start: var(--units-300) !important;
margin-block-end: var(--units-300) !important;
}
.my-9 {
margin-block-start: var(--units-400) !important;
margin-block-end: var(--units-400) !important;
}
.my-10 {
margin-block-start: var(--units-500) !important;
margin-block-end: var(--units-500) !important;
}
.my-auto {
margin-block-start: auto !important;
margin-block-end: auto !important;
}
.mt-0 {
margin-block-start: 0 !important;
}
.mt-1 {
margin-block-start: var(--units-25) !important;
}
.mt-2 {
margin-block-start: var(--units-50) !important;
}
.mt-3 {
margin-block-start: var(--units-75) !important;
}
.mt-4 {
margin-block-start: var(--units-100) !important;
}
.mt-5 {
margin-block-start: var(--units-150) !important;
}
.mt-6 {
margin-block-start: var(--units-200) !important;
}
.mt-7 {
margin-block-start: var(--units-250) !important;
}
.mt-8 {
margin-block-start: var(--units-300) !important;
}
.mt-9 {
margin-block-start: var(--units-400) !important;
}
.mt-10 {
margin-block-start: var(--units-500) !important;
}
.mt-auto {
margin-block-start: auto !important;
}
.mr-0 {
margin-inline-end: 0 !important;
}
.mr-1 {
margin-inline-end: var(--units-25) !important;
}
.mr-2 {
margin-inline-end: var(--units-50) !important;
}
.mr-3 {
margin-inline-end: var(--units-75) !important;
}
.mr-4 {
margin-inline-end: var(--units-100) !important;
}
.mr-5 {
margin-inline-end: var(--units-150) !important;
}
.mr-6 {
margin-inline-end: var(--units-200) !important;
}
.mr-7 {
margin-inline-end: var(--units-250) !important;
}
.mr-8 {
margin-inline-end: var(--units-300) !important;
}
.mr-9 {
margin-inline-end: var(--units-400) !important;
}
.mr-10 {
margin-inline-end: var(--units-500) !important;
}
.mr-auto {
margin-inline-end: auto !important;
}
.mb-0 {
margin-block-end: 0 !important;
}
.mb-1 {
margin-block-end: var(--units-25) !important;
}
.mb-2 {
margin-block-end: var(--units-50) !important;
}
.mb-3 {
margin-block-end: var(--units-75) !important;
}
.mb-4 {
margin-block-end: var(--units-100) !important;
}
.mb-5 {
margin-block-end: var(--units-150) !important;
}
.mb-6 {
margin-block-end: var(--units-200) !important;
}
.mb-7 {
margin-block-end: var(--units-250) !important;
}
.mb-8 {
margin-block-end: var(--units-300) !important;
}
.mb-9 {
margin-block-end: var(--units-400) !important;
}
.mb-10 {
margin-block-end: var(--units-500) !important;
}
.mb-auto {
margin-block-end: auto !important;
}
.ml-0 {
margin-inline-start: 0 !important;
}
.ml-1 {
margin-inline-start: var(--units-25) !important;
}
.ml-2 {
margin-inline-start: var(--units-50) !important;
}
.ml-3 {
margin-inline-start: var(--units-75) !important;
}
.ml-4 {
margin-inline-start: var(--units-100) !important;
}
.ml-5 {
margin-inline-start: var(--units-150) !important;
}
.ml-6 {
margin-inline-start: var(--units-200) !important;
}
.ml-7 {
margin-inline-start: var(--units-250) !important;
}
.ml-8 {
margin-inline-start: var(--units-300) !important;
}
.ml-9 {
margin-inline-start: var(--units-400) !important;
}
.ml-10 {
margin-inline-start: var(--units-500) !important;
}
.ml-auto {
margin-inline-start: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: var(--units-25) !important;
}
.p-2 {
padding: var(--units-50) !important;
}
.p-3 {
padding: var(--units-75) !important;
}
.p-4 {
padding: var(--units-100) !important;
}
.p-5 {
padding: var(--units-150) !important;
}
.p-6 {
padding: var(--units-200) !important;
}
.p-7 {
padding: var(--units-250) !important;
}
.p-8 {
padding: var(--units-300) !important;
}
.p-9 {
padding: var(--units-400) !important;
}
.p-10 {
padding: var(--units-500) !important;
}
.px-0 {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
.px-1 {
padding-inline-end: var(--units-25) !important;
padding-inline-start: var(--units-25) !important;
}
.px-2 {
padding-inline-end: var(--units-50) !important;
padding-inline-start: var(--units-50) !important;
}
.px-3 {
padding-inline-end: var(--units-75) !important;
padding-inline-start: var(--units-75) !important;
}
.px-4 {
padding-inline-end: var(--units-100) !important;
padding-inline-start: var(--units-100) !important;
}
.px-5 {
padding-inline-end: var(--units-150) !important;
padding-inline-start: var(--units-150) !important;
}
.px-6 {
padding-inline-end: var(--units-200) !important;
padding-inline-start: var(--units-200) !important;
}
.px-7 {
padding-inline-end: var(--units-250) !important;
padding-inline-start: var(--units-250) !important;
}
.px-8 {
padding-inline-end: var(--units-300) !important;
padding-inline-start: var(--units-300) !important;
}
.px-9 {
padding-inline-end: var(--units-400) !important;
padding-inline-start: var(--units-400) !important;
}
.px-10 {
padding-inline-end: var(--units-500) !important;
padding-inline-start: var(--units-500) !important;
}
.py-0 {
padding-block-start: 0 !important;
padding-block: 0 !important;
}
.py-1 {
padding-block-start: var(--units-25) !important;
padding-block: var(--units-25) !important;
}
.py-2 {
padding-block-start: var(--units-50) !important;
padding-block: var(--units-50) !important;
}
.py-3 {
padding-block-start: var(--units-75) !important;
padding-block: var(--units-75) !important;
}
.py-4 {
padding-block-start: var(--units-100) !important;
padding-block: var(--units-100) !important;
}
.py-5 {
padding-block-start: var(--units-150) !important;
padding-block: var(--units-150) !important;
}
.py-6 {
padding-block-start: var(--units-200) !important;
padding-block: var(--units-200) !important;
}
.py-7 {
padding-block-start: var(--units-250) !important;
padding-block: var(--units-250) !important;
}
.py-8 {
padding-block-start: var(--units-300) !important;
padding-block: var(--units-300) !important;
}
.py-9 {
padding-block-start: var(--units-400) !important;
padding-block: var(--units-400) !important;
}
.py-10 {
padding-block-start: var(--units-500) !important;
padding-block: var(--units-500) !important;
}
.pt-0 {
padding-block-start: 0 !important;
}
.pt-1 {
padding-block-start: var(--units-25) !important;
}
.pt-2 {
padding-block-start: var(--units-50) !important;
}
.pt-3 {
padding-block-start: var(--units-75) !important;
}
.pt-4 {
padding-block-start: var(--units-100) !important;
}
.pt-5 {
padding-block-start: var(--units-150) !important;
}
.pt-6 {
padding-block-start: var(--units-200) !important;
}
.pt-7 {
padding-block-start: var(--units-250) !important;
}
.pt-8 {
padding-block-start: var(--units-300) !important;
}
.pt-9 {
padding-block-start: var(--units-400) !important;
}
.pt-10 {
padding-block-start: var(--units-500) !important;
}
.pr-0 {
padding-inline-end: 0 !important;
}
.pr-1 {
padding-inline-end: var(--units-25) !important;
}
.pr-2 {
padding-inline-end: var(--units-50) !important;
}
.pr-3 {
padding-inline-end: var(--units-75) !important;
}
.pr-4 {
padding-inline-end: var(--units-100) !important;
}
.pr-5 {
padding-inline-end: var(--units-150) !important;
}
.pr-6 {
padding-inline-end: var(--units-200) !important;
}
.pr-7 {
padding-inline-end: var(--units-250) !important;
}
.pr-8 {
padding-inline-end: var(--units-300) !important;
}
.pr-9 {
padding-inline-end: var(--units-400) !important;
}
.pr-10 {
padding-inline-end: var(--units-500) !important;
}
.pb-0 {
padding-block-end: 0 !important;
}
.pb-1 {
padding-block-end: var(--units-25) !important;
}
.pb-2 {
padding-block-end: var(--units-50) !important;
}
.pb-3 {
padding-block-end: var(--units-75) !important;
}
.pb-4 {
padding-block-end: var(--units-100) !important;
}
.pb-5 {
padding-block-end: var(--units-150) !important;
}
.pb-6 {
padding-block-end: var(--units-200) !important;
}
.pb-7 {
padding-block-end: var(--units-250) !important;
}
.pb-8 {
padding-block-end: var(--units-300) !important;
}
.pb-9 {
padding-block-end: var(--units-400) !important;
}
.pb-10 {
padding-block-end: var(--units-500) !important;
}
.pl-0 {
padding-inline-start: 0 !important;
}
.pl-1 {
padding-inline-start: var(--units-25) !important;
}
.pl-2 {
padding-inline-start: var(--units-50) !important;
}
.pl-3 {
padding-inline-start: var(--units-75) !important;
}
.pl-4 {
padding-inline-start: var(--units-100) !important;
}
.pl-5 {
padding-inline-start: var(--units-150) !important;
}
.pl-6 {
padding-inline-start: var(--units-200) !important;
}
.pl-7 {
padding-inline-start: var(--units-250) !important;
}
.pl-8 {
padding-inline-start: var(--units-300) !important;
}
.pl-9 {
padding-inline-start: var(--units-400) !important;
}
.pl-10 {
padding-inline-start: var(--units-500) !important;
}
.gap-0 {
gap: 0 !important;
}
.gap-1 {
gap: var(--units-25) !important;
}
.gap-2 {
gap: var(--units-50) !important;
}
.gap-3 {
gap: var(--units-75) !important;
}
.gap-4 {
gap: var(--units-100) !important;
}
.gap-5 {
gap: var(--units-150) !important;
}
.gap-6 {
gap: var(--units-200) !important;
}
.gap-7 {
gap: var(--units-250) !important;
}
.gap-8 {
gap: var(--units-300) !important;
}
.gap-9 {
gap: var(--units-400) !important;
}
.gap-10 {
gap: var(--units-500) !important;
}
.gap-x-0 {
column-gap: 0 !important;
}
.gap-x-1 {
column-gap: var(--units-25) !important;
}
.gap-x-2 {
column-gap: var(--units-50) !important;
}
.gap-x-3 {
column-gap: var(--units-75) !important;
}
.gap-x-4 {
column-gap: var(--units-100) !important;
}
.gap-x-5 {
column-gap: var(--units-150) !important;
}
.gap-x-6 {
column-gap: var(--units-200) !important;
}
.gap-x-7 {
column-gap: var(--units-250) !important;
}
.gap-x-8 {
column-gap: var(--units-300) !important;
}
.gap-x-9 {
column-gap: var(--units-400) !important;
}
.gap-x-10 {
column-gap: var(--units-500) !important;
}
.gap-y-0 {
row-gap: 0 !important;
}
.gap-y-1 {
row-gap: var(--units-25) !important;
}
.gap-y-2 {
row-gap: var(--units-50) !important;
}
.gap-y-3 {
row-gap: var(--units-75) !important;
}
.gap-y-4 {
row-gap: var(--units-100) !important;
}
.gap-y-5 {
row-gap: var(--units-150) !important;
}
.gap-y-6 {
row-gap: var(--units-200) !important;
}
.gap-y-7 {
row-gap: var(--units-250) !important;
}
.gap-y-8 {
row-gap: var(--units-300) !important;
}
.gap-y-9 {
row-gap: var(--units-400) !important;
}
.gap-y-10 {
row-gap: var(--units-500) !important;
}
.font-monospace {
font-family: var(--font-monospace) !important;
}
.text-xxl {
font-size: var(--font-size-xxl) !important;
}
.text-xl {
font-size: var(--font-size-xl) !important;
}
.text-lg {
font-size: var(--font-size-lg) !important;
}
.text-md {
font-size: var(--font-size-md) !important;
}
.text-base {
font-size: var(--font-size-base) !important;
}
.text-sm {
font-size: var(--font-size-sm) !important;
}
.text-xs {
font-size: var(--font-size-xs) !important;
}
.text-h1 {
font-size: var(--h1-font-size) !important;
}
.text-h2 {
font-size: var(--h2-font-size) !important;
}
.text-h3 {
font-size: var(--h3-font-size) !important;
}
.text-h4 {
font-size: var(--h4-font-size) !important;
}
.text-h5 {
font-size: var(--h5-font-size) !important;
}
.text-h6 {
font-size: var(--h6-font-size) !important;
}
.fst-italic {
font-style: italic !important;
}
.fst-normal {
font-style: normal !important;
}
.weight-300 {
font-weight: 300 !important;
}
.weight-400 {
font-weight: 400 !important;
}
.weight-500 {
font-weight: 500 !important;
}
.weight-600 {
font-weight: 600 !important;
}
.weight-700 {
font-weight: 700 !important;
}
.line-height-100 {
line-height: 1 !important;
}
.line-height-110 {
line-height: 1.1 !important;
}
.line-height-120 {
line-height: 1.2 !important;
}
.line-height-130 {
line-height: 1.3 !important;
}
.line-height-150 {
line-height: 1.5 !important;
}
.line-height-base {
line-height: var(--line-height-base) !important;
}
.text-left {
text-align: start !important;
}
.text-right {
text-align: end !important;
}
.text-center {
text-align: center !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
word-wrap: break-word !important;
word-break: break-word !important;
}
/* rtl:end:remove */
.text-dark {
--text-opacity: 1;
color: var(--color-background-static-inverse-subtle) !important;
}
.text-black {
--text-opacity: 1;
color: rgba(var(--theme-black-rgb), var(--text-opacity)) !important;
}
.text-white {
--text-opacity: 1;
color: rgba(var(--theme-white-rgb), var(--text-opacity)) !important;
}
.text-brand-100 {
--text-opacity: 1;
color: rgba(var(--theme-brand-100-rgb), var(--text-opacity)) !important;
}
.text-brand-200 {
--text-opacity: 1;
color: rgba(var(--theme-brand-200-rgb), var(--text-opacity)) !important;
}
.text-brand-300 {
--text-opacity: 1;
color: rgba(var(--theme-brand-300-rgb), var(--text-opacity)) !important;
}
.text-brand-400 {
--text-opacity: 1;
color: rgba(var(--theme-brand-400-rgb), var(--text-opacity)) !important;
}
.text-brand-500 {
--text-opacity: 1;
color: rgba(var(--theme-brand-500-rgb), var(--text-opacity)) !important;
}
.text-brand-600 {
--text-opacity: 1;
color: rgba(var(--theme-brand-600-rgb), var(--text-opacity)) !important;
}
.text-brand-650 {
--text-opacity: 1;
color: rgba(var(--theme-brand-650-rgb), var(--text-opacity)) !important;
}
.text-brand-700 {
--text-opacity: 1;
color: rgba(var(--theme-brand-700-rgb), var(--text-opacity)) !important;
}
.text-brand-800 {
--text-opacity: 1;
color: rgba(var(--theme-brand-800-rgb), var(--text-opacity)) !important;
}
.text-brand-900 {
--text-opacity: 1;
color: rgba(var(--theme-brand-900-rgb), var(--text-opacity)) !important;
}
.text-brand-1000 {
--text-opacity: 1;
color: rgba(var(--theme-brand-1000-rgb), var(--text-opacity)) !important;
}
.text-brand-1100 {
--text-opacity: 1;
color: rgba(var(--theme-brand-1100-rgb), var(--text-opacity)) !important;
}
.text-danger-100 {
--text-opacity: 1;
color: rgba(var(--theme-danger-100-rgb), var(--text-opacity)) !important;
}
.text-danger-200 {
--text-opacity: 1;
color: rgba(var(--theme-danger-200-rgb), var(--text-opacity)) !important;
}
.text-danger-300 {
--text-opacity: 1;
color: rgba(var(--theme-danger-300-rgb), var(--text-opacity)) !important;
}
.text-danger-400 {
--text-opacity: 1;
color: rgba(var(--theme-danger-400-rgb), var(--text-opacity)) !important;
}
.text-danger-500 {
--text-opacity: 1;
color: rgba(var(--theme-danger-500-rgb), var(--text-opacity)) !important;
}
.text-danger-600 {
--text-opacity: 1;
color: rgba(var(--theme-danger-600-rgb), var(--text-opacity)) !important;
}
.text-danger-700 {
--text-opacity: 1;
color: rgba(var(--theme-danger-700-rgb), var(--text-opacity)) !important;
}
.text-danger-800 {
--text-opacity: 1;
color: rgba(var(--theme-danger-800-rgb), var(--text-opacity)) !important;
}
.text-danger-900 {
--text-opacity: 1;
color: rgba(var(--theme-danger-900-rgb), var(--text-opacity)) !important;
}
.text-danger-1000 {
--text-opacity: 1;
color: rgba(var(--theme-danger-1000-rgb), var(--text-opacity)) !important;
}
.text-danger-1100 {
--text-opacity: 1;
color: rgba(var(--theme-danger-1100-rgb), var(--text-opacity)) !important;
}
.text-warning-100 {
--text-opacity: 1;
color: rgba(var(--theme-warning-100-rgb), var(--text-opacity)) !important;
}
.text-warning-200 {
--text-opacity: 1;
color: rgba(var(--theme-warning-200-rgb), var(--text-opacity)) !important;
}
.text-warning-300 {
--text-opacity: 1;
color: rgba(var(--theme-warning-300-rgb), var(--text-opacity)) !important;
}
.text-warning-400 {
--text-opacity: 1;
color: rgba(var(--theme-warning-400-rgb), var(--text-opacity)) !important;
}
.text-warning-500 {
--text-opacity: 1;
color: rgba(var(--theme-warning-500-rgb), var(--text-opacity)) !important;
}
.text-warning-600 {
--text-opacity: 1;
color: rgba(var(--theme-warning-600-rgb), var(--text-opacity)) !important;
}
.text-warning-700 {
--text-opacity: 1;
color: rgba(var(--theme-warning-700-rgb), var(--text-opacity)) !important;
}
.text-warning-800 {
--text-opacity: 1;
color: rgba(var(--theme-warning-800-rgb), var(--text-opacity)) !important;
}
.text-warning-900 {
--text-opacity: 1;
color: rgba(var(--theme-warning-900-rgb), var(--text-opacity)) !important;
}
.text-warning-1000 {
--text-opacity: 1;
color: rgba(var(--theme-warning-1000-rgb), var(--text-opacity)) !important;
}
.text-warning-1100 {
--text-opacity: 1;
color: rgba(var(--theme-warning-1100-rgb), var(--text-opacity)) !important;
}
.text-success-100 {
--text-opacity: 1;
color: rgba(var(--theme-success-100-rgb), var(--text-opacity)) !important;
}
.text-success-200 {
--text-opacity: 1;
color: rgba(var(--theme-success-200-rgb), var(--text-opacity)) !important;
}
.text-success-300 {
--text-opacity: 1;
color: rgba(var(--theme-success-300-rgb), var(--text-opacity)) !important;
}
.text-success-400 {
--text-opacity: 1;
color: rgba(var(--theme-success-400-rgb), var(--text-opacity)) !important;
}
.text-success-500 {
--text-opacity: 1;
color: rgba(var(--theme-success-500-rgb), var(--text-opacity)) !important;
}
.text-success-600 {
--text-opacity: 1;
color: rgba(var(--theme-success-600-rgb), var(--text-opacity)) !important;
}
.text-success-700 {
--text-opacity: 1;
color: rgba(var(--theme-success-700-rgb), var(--text-opacity)) !important;
}
.text-success-800 {
--text-opacity: 1;
color: rgba(var(--theme-success-800-rgb), var(--text-opacity)) !important;
}
.text-success-900 {
--text-opacity: 1;
color: rgba(var(--theme-success-900-rgb), var(--text-opacity)) !important;
}
.text-success-1000 {
--text-opacity: 1;
color: rgba(var(--theme-success-1000-rgb), var(--text-opacity)) !important;
}
.text-success-1100 {
--text-opacity: 1;
color: rgba(var(--theme-success-1100-rgb), var(--text-opacity)) !important;
}
.text-info-100 {
--text-opacity: 1;
color: rgba(var(--theme-info-100-rgb), var(--text-opacity)) !important;
}
.text-info-200 {
--text-opacity: 1;
color: rgba(var(--theme-info-200-rgb), var(--text-opacity)) !important;
}
.text-info-300 {
--text-opacity: 1;
color: rgba(var(--theme-info-300-rgb), var(--text-opacity)) !important;
}
.text-info-400 {
--text-opacity: 1;
color: rgba(var(--theme-info-400-rgb), var(--text-opacity)) !important;
}
.text-info-500 {
--text-opacity: 1;
color: rgba(var(--theme-info-500-rgb), var(--text-opacity)) !important;
}
.text-info-600 {
--text-opacity: 1;
color: rgba(var(--theme-info-600-rgb), var(--text-opacity)) !important;
}
.text-info-700 {
--text-opacity: 1;
color: rgba(var(--theme-info-700-rgb), var(--text-opacity)) !important;
}
.text-info-800 {
--text-opacity: 1;
color: rgba(var(--theme-info-800-rgb), var(--text-opacity)) !important;
}
.text-info-900 {
--text-opacity: 1;
color: rgba(var(--theme-info-900-rgb), var(--text-opacity)) !important;
}
.text-info-1000 {
--text-opacity: 1;
color: rgba(var(--theme-info-1000-rgb), var(--text-opacity)) !important;
}
.text-info-1100 {
--text-opacity: 1;
color: rgba(var(--theme-info-1100-rgb), var(--text-opacity)) !important;
}
.text-neutral-black {
--text-opacity: 1;
color: rgba(var(--theme-neutral-black-rgb), var(--text-opacity)) !important;
}
.text-neutral-25 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-25-rgb), var(--text-opacity)) !important;
}
.text-neutral-50 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-50-rgb), var(--text-opacity)) !important;
}
.text-neutral-100 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-100-rgb), var(--text-opacity)) !important;
}
.text-neutral-200 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-200-rgb), var(--text-opacity)) !important;
}
.text-neutral-300 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-300-rgb), var(--text-opacity)) !important;
}
.text-neutral-400 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-400-rgb), var(--text-opacity)) !important;
}
.text-neutral-500 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-500-rgb), var(--text-opacity)) !important;
}
.text-neutral-600 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-600-rgb), var(--text-opacity)) !important;
}
.text-neutral-700 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-700-rgb), var(--text-opacity)) !important;
}
.text-neutral-800 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-800-rgb), var(--text-opacity)) !important;
}
.text-neutral-850 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-850-rgb), var(--text-opacity)) !important;
}
.text-neutral-900 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-900-rgb), var(--text-opacity)) !important;
}
.text-neutral-950 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-950-rgb), var(--text-opacity)) !important;
}
.text-neutral-1000 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-1000-rgb), var(--text-opacity)) !important;
}
.text-neutral-1050 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-1050-rgb), var(--text-opacity)) !important;
}
.text-neutral-1100 {
--text-opacity: 1;
color: rgba(var(--theme-neutral-1100-rgb), var(--text-opacity)) !important;
}
.text-neutral-white {
--text-opacity: 1;
color: rgba(var(--theme-neutral-white-rgb), var(--text-opacity)) !important;
}
.text-gray {
--text-opacity: 1;
color: rgba(var(--theme-gray-rgb), var(--text-opacity)) !important;
}
.text-gray-25 {
--text-opacity: 1;
color: rgba(var(--theme-gray-25-rgb), var(--text-opacity)) !important;
}
.text-gray-50 {
--text-opacity: 1;
color: rgba(var(--theme-gray-50-rgb), var(--text-opacity)) !important;
}
.text-gray-100 {
--text-opacity: 1;
color: rgba(var(--theme-gray-100-rgb), var(--text-opacity)) !important;
}
.text-gray-200 {
--text-opacity: 1;
color: rgba(var(--theme-gray-200-rgb), var(--text-opacity)) !important;
}
.text-gray-300 {
--text-opacity: 1;
color: rgba(var(--theme-gray-300-rgb), var(--text-opacity)) !important;
}
.text-gray-400 {
--text-opacity: 1;
color: rgba(var(--theme-gray-400-rgb), var(--text-opacity)) !important;
}
.text-gray-500 {
--text-opacity: 1;
color: rgba(var(--theme-gray-500-rgb), var(--text-opacity)) !important;
}
.text-gray-600 {
--text-opacity: 1;
color: rgba(var(--theme-gray-600-rgb), var(--text-opacity)) !important;
}
.text-gray-700 {
--text-opacity: 1;
color: rgba(var(--theme-gray-700-rgb), var(--text-opacity)) !important;
}
.text-gray-800 {
--text-opacity: 1;
color: rgba(var(--theme-gray-800-rgb), var(--text-opacity)) !important;
}
.text-gray-850 {
--text-opacity: 1;
color: rgba(var(--theme-gray-850-rgb), var(--text-opacity)) !important;
}
.text-gray-900 {
--text-opacity: 1;
color: rgba(var(--theme-gray-900-rgb), var(--text-opacity)) !important;
}
.text-gray-950 {
--text-opacity: 1;
color: rgba(var(--theme-gray-950-rgb), var(--text-opacity)) !important;
}
.text-gray-1000 {
--text-opacity: 1;
color: rgba(var(--theme-gray-1000-rgb), var(--text-opacity)) !important;
}
.text-gray-1050 {
--text-opacity: 1;
color: rgba(var(--theme-gray-1050-rgb), var(--text-opacity)) !important;
}
.text-gray-1100 {
--text-opacity: 1;
color: rgba(var(--theme-gray-1100-rgb), var(--text-opacity)) !important;
}
.text-body {
--text-opacity: 1;
color: var(--body-color) !important;
}
.text-muted {
--text-opacity: 1;
color: var(--color-text-tertiary) !important;
}
.text-warning-darker {
--text-opacity: 1;
color: #98701d !important;
}
.text-light {
--text-opacity: 1;
color: #fff !important;
}
.text-black-50 {
--text-opacity: 1;
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
--text-opacity: 1;
color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
--text-opacity: 1;
color: inherit !important;
}
.text-opacity-25 {
--text-opacity: 0.25;
}
.text-opacity-50 {
--text-opacity: 0.5;
}
.text-opacity-75 {
--text-opacity: 0.75;
}
.text-opacity-100 {
--text-opacity: 1;
}
.bg-dark {
--bg-opacity: 1;
background-color: rgba(var(--theme-dark-rgb), var(--bg-opacity)) !important;
}
.bg-black {
--bg-opacity: 1;
background-color: rgba(var(--theme-black-rgb), var(--bg-opacity)) !important;
}
.bg-white {
--bg-opacity: 1;
background-color: rgba(var(--theme-white-rgb), var(--bg-opacity)) !important;
}
.bg-brand-100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-brand-100-rgb), var(--bg-opacity)) !important;
}
.bg-brand-200 {
--bg-opacity: 1;
background-color: rgba(var(--theme-brand-200-rgb), var(--bg-opacity)) !important;
}
.bg-brand-300 {
--bg-opacity: 1;
background-color: rgba(var(--theme-brand-300-rgb), var(--bg-opacity)) !important;
}
.bg-brand-400 {
--bg-opacity: 1;
background-color: rgba(var(--theme-brand-400-rgb), var(--bg-opacity)) !important;
}
.bg-brand-500 {
--bg-opacity: 1;
background-color: rgba(var(--theme-brand-500-rgb), var(--bg-opacity)) !important;
}
.bg-brand-600 {
--bg-opacity: 1;
background-color: rgba(var(--theme-brand-600-rgb), var(--bg-opacity)) !important;
}
.bg-brand-650 {
--bg-opacity: 1;
background-color: rgba(var(--theme-brand-650-rgb), var(--bg-opacity)) !important;
}
.bg-brand-700 {
--bg-opacity: 1;
background-color: rgba(var(--theme-brand-700-rgb), var(--bg-opacity)) !important;
}
.bg-brand-800 {
--bg-opacity: 1;
background-color: rgba(var(--theme-brand-800-rgb), var(--bg-opacity)) !important;
}
.bg-brand-900 {
--bg-opacity: 1;
background-color: rgba(var(--theme-brand-900-rgb), var(--bg-opacity)) !important;
}
.bg-brand-1000 {
--bg-opacity: 1;
background-color: rgba(var(--theme-brand-1000-rgb), var(--bg-opacity)) !important;
}
.bg-brand-1100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-brand-1100-rgb), var(--bg-opacity)) !important;
}
.bg-danger-100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-danger-100-rgb), var(--bg-opacity)) !important;
}
.bg-danger-200 {
--bg-opacity: 1;
background-color: rgba(var(--theme-danger-200-rgb), var(--bg-opacity)) !important;
}
.bg-danger-300 {
--bg-opacity: 1;
background-color: rgba(var(--theme-danger-300-rgb), var(--bg-opacity)) !important;
}
.bg-danger-400 {
--bg-opacity: 1;
background-color: rgba(var(--theme-danger-400-rgb), var(--bg-opacity)) !important;
}
.bg-danger-500 {
--bg-opacity: 1;
background-color: rgba(var(--theme-danger-500-rgb), var(--bg-opacity)) !important;
}
.bg-danger-600 {
--bg-opacity: 1;
background-color: rgba(var(--theme-danger-600-rgb), var(--bg-opacity)) !important;
}
.bg-danger-700 {
--bg-opacity: 1;
background-color: rgba(var(--theme-danger-700-rgb), var(--bg-opacity)) !important;
}
.bg-danger-800 {
--bg-opacity: 1;
background-color: rgba(var(--theme-danger-800-rgb), var(--bg-opacity)) !important;
}
.bg-danger-900 {
--bg-opacity: 1;
background-color: rgba(var(--theme-danger-900-rgb), var(--bg-opacity)) !important;
}
.bg-danger-1000 {
--bg-opacity: 1;
background-color: rgba(var(--theme-danger-1000-rgb), var(--bg-opacity)) !important;
}
.bg-danger-1100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-danger-1100-rgb), var(--bg-opacity)) !important;
}
.bg-warning-100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-warning-100-rgb), var(--bg-opacity)) !important;
}
.bg-warning-200 {
--bg-opacity: 1;
background-color: rgba(var(--theme-warning-200-rgb), var(--bg-opacity)) !important;
}
.bg-warning-300 {
--bg-opacity: 1;
background-color: rgba(var(--theme-warning-300-rgb), var(--bg-opacity)) !important;
}
.bg-warning-400 {
--bg-opacity: 1;
background-color: rgba(var(--theme-warning-400-rgb), var(--bg-opacity)) !important;
}
.bg-warning-500 {
--bg-opacity: 1;
background-color: rgba(var(--theme-warning-500-rgb), var(--bg-opacity)) !important;
}
.bg-warning-600 {
--bg-opacity: 1;
background-color: rgba(var(--theme-warning-600-rgb), var(--bg-opacity)) !important;
}
.bg-warning-700 {
--bg-opacity: 1;
background-color: rgba(var(--theme-warning-700-rgb), var(--bg-opacity)) !important;
}
.bg-warning-800 {
--bg-opacity: 1;
background-color: rgba(var(--theme-warning-800-rgb), var(--bg-opacity)) !important;
}
.bg-warning-900 {
--bg-opacity: 1;
background-color: rgba(var(--theme-warning-900-rgb), var(--bg-opacity)) !important;
}
.bg-warning-1000 {
--bg-opacity: 1;
background-color: rgba(var(--theme-warning-1000-rgb), var(--bg-opacity)) !important;
}
.bg-warning-1100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-warning-1100-rgb), var(--bg-opacity)) !important;
}
.bg-success-100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-success-100-rgb), var(--bg-opacity)) !important;
}
.bg-success-200 {
--bg-opacity: 1;
background-color: rgba(var(--theme-success-200-rgb), var(--bg-opacity)) !important;
}
.bg-success-300 {
--bg-opacity: 1;
background-color: rgba(var(--theme-success-300-rgb), var(--bg-opacity)) !important;
}
.bg-success-400 {
--bg-opacity: 1;
background-color: rgba(var(--theme-success-400-rgb), var(--bg-opacity)) !important;
}
.bg-success-500 {
--bg-opacity: 1;
background-color: rgba(var(--theme-success-500-rgb), var(--bg-opacity)) !important;
}
.bg-success-600 {
--bg-opacity: 1;
background-color: rgba(var(--theme-success-600-rgb), var(--bg-opacity)) !important;
}
.bg-success-700 {
--bg-opacity: 1;
background-color: rgba(var(--theme-success-700-rgb), var(--bg-opacity)) !important;
}
.bg-success-800 {
--bg-opacity: 1;
background-color: rgba(var(--theme-success-800-rgb), var(--bg-opacity)) !important;
}
.bg-success-900 {
--bg-opacity: 1;
background-color: rgba(var(--theme-success-900-rgb), var(--bg-opacity)) !important;
}
.bg-success-1000 {
--bg-opacity: 1;
background-color: rgba(var(--theme-success-1000-rgb), var(--bg-opacity)) !important;
}
.bg-success-1100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-success-1100-rgb), var(--bg-opacity)) !important;
}
.bg-info-100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-info-100-rgb), var(--bg-opacity)) !important;
}
.bg-info-200 {
--bg-opacity: 1;
background-color: rgba(var(--theme-info-200-rgb), var(--bg-opacity)) !important;
}
.bg-info-300 {
--bg-opacity: 1;
background-color: rgba(var(--theme-info-300-rgb), var(--bg-opacity)) !important;
}
.bg-info-400 {
--bg-opacity: 1;
background-color: rgba(var(--theme-info-400-rgb), var(--bg-opacity)) !important;
}
.bg-info-500 {
--bg-opacity: 1;
background-color: rgba(var(--theme-info-500-rgb), var(--bg-opacity)) !important;
}
.bg-info-600 {
--bg-opacity: 1;
background-color: rgba(var(--theme-info-600-rgb), var(--bg-opacity)) !important;
}
.bg-info-700 {
--bg-opacity: 1;
background-color: rgba(var(--theme-info-700-rgb), var(--bg-opacity)) !important;
}
.bg-info-800 {
--bg-opacity: 1;
background-color: rgba(var(--theme-info-800-rgb), var(--bg-opacity)) !important;
}
.bg-info-900 {
--bg-opacity: 1;
background-color: rgba(var(--theme-info-900-rgb), var(--bg-opacity)) !important;
}
.bg-info-1000 {
--bg-opacity: 1;
background-color: rgba(var(--theme-info-1000-rgb), var(--bg-opacity)) !important;
}
.bg-info-1100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-info-1100-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-black {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-black-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-25 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-25-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-50 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-50-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-100-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-200 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-200-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-300 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-300-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-400 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-400-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-500 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-500-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-600 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-600-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-700 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-700-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-800 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-800-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-850 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-850-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-900 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-900-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-950 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-950-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-1000 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-1000-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-1050 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-1050-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-1100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-1100-rgb), var(--bg-opacity)) !important;
}
.bg-neutral-white {
--bg-opacity: 1;
background-color: rgba(var(--theme-neutral-white-rgb), var(--bg-opacity)) !important;
}
.bg-gray {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-rgb), var(--bg-opacity)) !important;
}
.bg-gray-25 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-25-rgb), var(--bg-opacity)) !important;
}
.bg-gray-50 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-50-rgb), var(--bg-opacity)) !important;
}
.bg-gray-100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-100-rgb), var(--bg-opacity)) !important;
}
.bg-gray-200 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-200-rgb), var(--bg-opacity)) !important;
}
.bg-gray-300 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-300-rgb), var(--bg-opacity)) !important;
}
.bg-gray-400 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-400-rgb), var(--bg-opacity)) !important;
}
.bg-gray-500 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-500-rgb), var(--bg-opacity)) !important;
}
.bg-gray-600 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-600-rgb), var(--bg-opacity)) !important;
}
.bg-gray-700 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-700-rgb), var(--bg-opacity)) !important;
}
.bg-gray-800 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-800-rgb), var(--bg-opacity)) !important;
}
.bg-gray-850 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-850-rgb), var(--bg-opacity)) !important;
}
.bg-gray-900 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-900-rgb), var(--bg-opacity)) !important;
}
.bg-gray-950 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-950-rgb), var(--bg-opacity)) !important;
}
.bg-gray-1000 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-1000-rgb), var(--bg-opacity)) !important;
}
.bg-gray-1050 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-1050-rgb), var(--bg-opacity)) !important;
}
.bg-gray-1100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-gray-1100-rgb), var(--bg-opacity)) !important;
}
.bg-orange {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-orange-rgb), var(--bg-opacity)) !important;
}
.bg-orange-100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-orange-100-rgb), var(--bg-opacity)) !important;
}
.bg-orange-200 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-orange-200-rgb), var(--bg-opacity)) !important;
}
.bg-orange-300 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-orange-300-rgb), var(--bg-opacity)) !important;
}
.bg-orange-400 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-orange-400-rgb), var(--bg-opacity)) !important;
}
.bg-orange-500 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-orange-500-rgb), var(--bg-opacity)) !important;
}
.bg-orange-600 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-orange-600-rgb), var(--bg-opacity)) !important;
}
.bg-orange-700 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-orange-700-rgb), var(--bg-opacity)) !important;
}
.bg-orange-800 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-orange-800-rgb), var(--bg-opacity)) !important;
}
.bg-orange-900 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-orange-900-rgb), var(--bg-opacity)) !important;
}
.bg-orange-1000 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-orange-1000-rgb), var(--bg-opacity)) !important;
}
.bg-orange-1100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-orange-1100-rgb), var(--bg-opacity)) !important;
}
.bg-pink {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-pink-rgb), var(--bg-opacity)) !important;
}
.bg-pink-100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-pink-100-rgb), var(--bg-opacity)) !important;
}
.bg-pink-200 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-pink-200-rgb), var(--bg-opacity)) !important;
}
.bg-pink-300 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-pink-300-rgb), var(--bg-opacity)) !important;
}
.bg-pink-400 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-pink-400-rgb), var(--bg-opacity)) !important;
}
.bg-pink-500 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-pink-500-rgb), var(--bg-opacity)) !important;
}
.bg-pink-600 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-pink-600-rgb), var(--bg-opacity)) !important;
}
.bg-pink-700 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-pink-700-rgb), var(--bg-opacity)) !important;
}
.bg-pink-800 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-pink-800-rgb), var(--bg-opacity)) !important;
}
.bg-pink-900 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-pink-900-rgb), var(--bg-opacity)) !important;
}
.bg-pink-1000 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-pink-1000-rgb), var(--bg-opacity)) !important;
}
.bg-pink-1100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-pink-1100-rgb), var(--bg-opacity)) !important;
}
.bg-magenta {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-magenta-rgb), var(--bg-opacity)) !important;
}
.bg-magenta-100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-magenta-100-rgb), var(--bg-opacity)) !important;
}
.bg-magenta-200 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-magenta-200-rgb), var(--bg-opacity)) !important;
}
.bg-magenta-300 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-magenta-300-rgb), var(--bg-opacity)) !important;
}
.bg-magenta-400 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-magenta-400-rgb), var(--bg-opacity)) !important;
}
.bg-magenta-500 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-magenta-500-rgb), var(--bg-opacity)) !important;
}
.bg-magenta-600 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-magenta-600-rgb), var(--bg-opacity)) !important;
}
.bg-magenta-700 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-magenta-700-rgb), var(--bg-opacity)) !important;
}
.bg-magenta-800 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-magenta-800-rgb), var(--bg-opacity)) !important;
}
.bg-magenta-900 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-magenta-900-rgb), var(--bg-opacity)) !important;
}
.bg-magenta-1000 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-magenta-1000-rgb), var(--bg-opacity)) !important;
}
.bg-magenta-1100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-magenta-1100-rgb), var(--bg-opacity)) !important;
}
.bg-olive {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-olive-rgb), var(--bg-opacity)) !important;
}
.bg-olive-100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-olive-100-rgb), var(--bg-opacity)) !important;
}
.bg-olive-200 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-olive-200-rgb), var(--bg-opacity)) !important;
}
.bg-olive-300 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-olive-300-rgb), var(--bg-opacity)) !important;
}
.bg-olive-400 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-olive-400-rgb), var(--bg-opacity)) !important;
}
.bg-olive-500 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-olive-500-rgb), var(--bg-opacity)) !important;
}
.bg-olive-600 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-olive-600-rgb), var(--bg-opacity)) !important;
}
.bg-olive-700 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-olive-700-rgb), var(--bg-opacity)) !important;
}
.bg-olive-800 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-olive-800-rgb), var(--bg-opacity)) !important;
}
.bg-olive-900 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-olive-900-rgb), var(--bg-opacity)) !important;
}
.bg-olive-1000 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-olive-1000-rgb), var(--bg-opacity)) !important;
}
.bg-olive-1100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-olive-1100-rgb), var(--bg-opacity)) !important;
}
.bg-cyan {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-cyan-rgb), var(--bg-opacity)) !important;
}
.bg-cyan-100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-cyan-100-rgb), var(--bg-opacity)) !important;
}
.bg-cyan-200 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-cyan-200-rgb), var(--bg-opacity)) !important;
}
.bg-cyan-300 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-cyan-300-rgb), var(--bg-opacity)) !important;
}
.bg-cyan-400 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-cyan-400-rgb), var(--bg-opacity)) !important;
}
.bg-cyan-500 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-cyan-500-rgb), var(--bg-opacity)) !important;
}
.bg-cyan-600 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-cyan-600-rgb), var(--bg-opacity)) !important;
}
.bg-cyan-700 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-cyan-700-rgb), var(--bg-opacity)) !important;
}
.bg-cyan-800 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-cyan-800-rgb), var(--bg-opacity)) !important;
}
.bg-cyan-900 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-cyan-900-rgb), var(--bg-opacity)) !important;
}
.bg-cyan-1000 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-cyan-1000-rgb), var(--bg-opacity)) !important;
}
.bg-cyan-1100 {
--bg-opacity: 1;
background-color: rgba(var(--theme-accent-cyan-1100-rgb), var(--bg-opacity)) !important;
}
.bg-transparent {
--bg-opacity: 1;
background-color: transparent !important;
}
.bg-opacity-10 {
--bg-opacity: 0.1;
}
.bg-opacity-15 {
--bg-opacity: 0.15;
}
.bg-opacity-20 {
--bg-opacity: 0.2;
}
.bg-opacity-25 {
--bg-opacity: 0.25;
}
.bg-opacity-50 {
--bg-opacity: 0.5;
}
.bg-opacity-70 {
--bg-opacity: 0.7;
}
.bg-opacity-75 {
--bg-opacity: 0.75;
}
.bg-opacity-80 {
--bg-opacity: 0.8;
}
.bg-opacity-90 {
--bg-opacity: 0.9;
}
.bg-opacity-100 {
--bg-opacity: 1;
}
.bg-gradient {
background-image: var(--gradient) !important;
}
.user-select-all {
user-select: all !important;
}
.user-select-auto {
user-select: auto !important;
}
.user-select-none {
user-select: none !important;
}
.pointer-events-none {
pointer-events: none !important;
}
.pointer-events-auto {
pointer-events: auto !important;
}
.rounded {
border-radius: var(--border-radius) !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.rounded-1 {
border-radius: var(--border-radius-xs) !important;
}
.rounded-2 {
border-radius: var(--border-radius-sm) !important;
}
.rounded-3 {
border-radius: var(--border-radius-md) !important;
}
.rounded-4 {
border-radius: var(--border-radius-lg) !important;
}
.rounded-5 {
border-radius: var(--border-radius-xl) !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: var(--border-radius-pill) !important;
}
.rounded-top {
border-top-left-radius: var(--border-radius) !important;
border-top-right-radius: var(--border-radius) !important;
}
.rounded-end {
border-top-right-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.rounded-bottom {
border-bottom-right-radius: var(--border-radius) !important;
border-bottom-left-radius: var(--border-radius) !important;
}
.rounded-start {
border-bottom-left-radius: var(--border-radius) !important;
border-top-left-radius: var(--border-radius) !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.justify-content-sm-evenly {
justify-content: space-evenly !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.order-sm-first {
order: -1 !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-last {
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: var(--units-25) !important;
}
.m-sm-2 {
margin: var(--units-50) !important;
}
.m-sm-3 {
margin: var(--units-75) !important;
}
.m-sm-4 {
margin: var(--units-100) !important;
}
.m-sm-5 {
margin: var(--units-150) !important;
}
.m-sm-6 {
margin: var(--units-200) !important;
}
.m-sm-7 {
margin: var(--units-250) !important;
}
.m-sm-8 {
margin: var(--units-300) !important;
}
.m-sm-9 {
margin: var(--units-400) !important;
}
.m-sm-10 {
margin: var(--units-500) !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-inline-end: 0 !important;
margin-inline-start: 0 !important;
}
.mx-sm-1 {
margin-inline-end: var(--units-25) !important;
margin-inline-start: var(--units-25) !important;
}
.mx-sm-2 {
margin-inline-end: var(--units-50) !important;
margin-inline-start: var(--units-50) !important;
}
.mx-sm-3 {
margin-inline-end: var(--units-75) !important;
margin-inline-start: var(--units-75) !important;
}
.mx-sm-4 {
margin-inline-end: var(--units-100) !important;
margin-inline-start: var(--units-100) !important;
}
.mx-sm-5 {
margin-inline-end: var(--units-150) !important;
margin-inline-start: var(--units-150) !important;
}
.mx-sm-6 {
margin-inline-end: var(--units-200) !important;
margin-inline-start: var(--units-200) !important;
}
.mx-sm-7 {
margin-inline-end: var(--units-250) !important;
margin-inline-start: var(--units-250) !important;
}
.mx-sm-8 {
margin-inline-end: var(--units-300) !important;
margin-inline-start: var(--units-300) !important;
}
.mx-sm-9 {
margin-inline-end: var(--units-400) !important;
margin-inline-start: var(--units-400) !important;
}
.mx-sm-10 {
margin-inline-end: var(--units-500) !important;
margin-inline-start: var(--units-500) !important;
}
.mx-sm-auto {
margin-inline-end: auto !important;
margin-inline-start: auto !important;
}
.my-sm-0 {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
}
.my-sm-1 {
margin-block-start: var(--units-25) !important;
margin-block-end: var(--units-25) !important;
}
.my-sm-2 {
margin-block-start: var(--units-50) !important;
margin-block-end: var(--units-50) !important;
}
.my-sm-3 {
margin-block-start: var(--units-75) !important;
margin-block-end: var(--units-75) !important;
}
.my-sm-4 {
margin-block-start: var(--units-100) !important;
margin-block-end: var(--units-100) !important;
}
.my-sm-5 {
margin-block-start: var(--units-150) !important;
margin-block-end: var(--units-150) !important;
}
.my-sm-6 {
margin-block-start: var(--units-200) !important;
margin-block-end: var(--units-200) !important;
}
.my-sm-7 {
margin-block-start: var(--units-250) !important;
margin-block-end: var(--units-250) !important;
}
.my-sm-8 {
margin-block-start: var(--units-300) !important;
margin-block-end: var(--units-300) !important;
}
.my-sm-9 {
margin-block-start: var(--units-400) !important;
margin-block-end: var(--units-400) !important;
}
.my-sm-10 {
margin-block-start: var(--units-500) !important;
margin-block-end: var(--units-500) !important;
}
.my-sm-auto {
margin-block-start: auto !important;
margin-block-end: auto !important;
}
.mt-sm-0 {
margin-block-start: 0 !important;
}
.mt-sm-1 {
margin-block-start: var(--units-25) !important;
}
.mt-sm-2 {
margin-block-start: var(--units-50) !important;
}
.mt-sm-3 {
margin-block-start: var(--units-75) !important;
}
.mt-sm-4 {
margin-block-start: var(--units-100) !important;
}
.mt-sm-5 {
margin-block-start: var(--units-150) !important;
}
.mt-sm-6 {
margin-block-start: var(--units-200) !important;
}
.mt-sm-7 {
margin-block-start: var(--units-250) !important;
}
.mt-sm-8 {
margin-block-start: var(--units-300) !important;
}
.mt-sm-9 {
margin-block-start: var(--units-400) !important;
}
.mt-sm-10 {
margin-block-start: var(--units-500) !important;
}
.mt-sm-auto {
margin-block-start: auto !important;
}
.mr-sm-0 {
margin-inline-end: 0 !important;
}
.mr-sm-1 {
margin-inline-end: var(--units-25) !important;
}
.mr-sm-2 {
margin-inline-end: var(--units-50) !important;
}
.mr-sm-3 {
margin-inline-end: var(--units-75) !important;
}
.mr-sm-4 {
margin-inline-end: var(--units-100) !important;
}
.mr-sm-5 {
margin-inline-end: var(--units-150) !important;
}
.mr-sm-6 {
margin-inline-end: var(--units-200) !important;
}
.mr-sm-7 {
margin-inline-end: var(--units-250) !important;
}
.mr-sm-8 {
margin-inline-end: var(--units-300) !important;
}
.mr-sm-9 {
margin-inline-end: var(--units-400) !important;
}
.mr-sm-10 {
margin-inline-end: var(--units-500) !important;
}
.mr-sm-auto {
margin-inline-end: auto !important;
}
.mb-sm-0 {
margin-block-end: 0 !important;
}
.mb-sm-1 {
margin-block-end: var(--units-25) !important;
}
.mb-sm-2 {
margin-block-end: var(--units-50) !important;
}
.mb-sm-3 {
margin-block-end: var(--units-75) !important;
}
.mb-sm-4 {
margin-block-end: var(--units-100) !important;
}
.mb-sm-5 {
margin-block-end: var(--units-150) !important;
}
.mb-sm-6 {
margin-block-end: var(--units-200) !important;
}
.mb-sm-7 {
margin-block-end: var(--units-250) !important;
}
.mb-sm-8 {
margin-block-end: var(--units-300) !important;
}
.mb-sm-9 {
margin-block-end: var(--units-400) !important;
}
.mb-sm-10 {
margin-block-end: var(--units-500) !important;
}
.mb-sm-auto {
margin-block-end: auto !important;
}
.ml-sm-0 {
margin-inline-start: 0 !important;
}
.ml-sm-1 {
margin-inline-start: var(--units-25) !important;
}
.ml-sm-2 {
margin-inline-start: var(--units-50) !important;
}
.ml-sm-3 {
margin-inline-start: var(--units-75) !important;
}
.ml-sm-4 {
margin-inline-start: var(--units-100) !important;
}
.ml-sm-5 {
margin-inline-start: var(--units-150) !important;
}
.ml-sm-6 {
margin-inline-start: var(--units-200) !important;
}
.ml-sm-7 {
margin-inline-start: var(--units-250) !important;
}
.ml-sm-8 {
margin-inline-start: var(--units-300) !important;
}
.ml-sm-9 {
margin-inline-start: var(--units-400) !important;
}
.ml-sm-10 {
margin-inline-start: var(--units-500) !important;
}
.ml-sm-auto {
margin-inline-start: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: var(--units-25) !important;
}
.p-sm-2 {
padding: var(--units-50) !important;
}
.p-sm-3 {
padding: var(--units-75) !important;
}
.p-sm-4 {
padding: var(--units-100) !important;
}
.p-sm-5 {
padding: var(--units-150) !important;
}
.p-sm-6 {
padding: var(--units-200) !important;
}
.p-sm-7 {
padding: var(--units-250) !important;
}
.p-sm-8 {
padding: var(--units-300) !important;
}
.p-sm-9 {
padding: var(--units-400) !important;
}
.p-sm-10 {
padding: var(--units-500) !important;
}
.px-sm-0 {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
.px-sm-1 {
padding-inline-end: var(--units-25) !important;
padding-inline-start: var(--units-25) !important;
}
.px-sm-2 {
padding-inline-end: var(--units-50) !important;
padding-inline-start: var(--units-50) !important;
}
.px-sm-3 {
padding-inline-end: var(--units-75) !important;
padding-inline-start: var(--units-75) !important;
}
.px-sm-4 {
padding-inline-end: var(--units-100) !important;
padding-inline-start: var(--units-100) !important;
}
.px-sm-5 {
padding-inline-end: var(--units-150) !important;
padding-inline-start: var(--units-150) !important;
}
.px-sm-6 {
padding-inline-end: var(--units-200) !important;
padding-inline-start: var(--units-200) !important;
}
.px-sm-7 {
padding-inline-end: var(--units-250) !important;
padding-inline-start: var(--units-250) !important;
}
.px-sm-8 {
padding-inline-end: var(--units-300) !important;
padding-inline-start: var(--units-300) !important;
}
.px-sm-9 {
padding-inline-end: var(--units-400) !important;
padding-inline-start: var(--units-400) !important;
}
.px-sm-10 {
padding-inline-end: var(--units-500) !important;
padding-inline-start: var(--units-500) !important;
}
.py-sm-0 {
padding-block-start: 0 !important;
padding-block: 0 !important;
}
.py-sm-1 {
padding-block-start: var(--units-25) !important;
padding-block: var(--units-25) !important;
}
.py-sm-2 {
padding-block-start: var(--units-50) !important;
padding-block: var(--units-50) !important;
}
.py-sm-3 {
padding-block-start: var(--units-75) !important;
padding-block: var(--units-75) !important;
}
.py-sm-4 {
padding-block-start: var(--units-100) !important;
padding-block: var(--units-100) !important;
}
.py-sm-5 {
padding-block-start: var(--units-150) !important;
padding-block: var(--units-150) !important;
}
.py-sm-6 {
padding-block-start: var(--units-200) !important;
padding-block: var(--units-200) !important;
}
.py-sm-7 {
padding-block-start: var(--units-250) !important;
padding-block: var(--units-250) !important;
}
.py-sm-8 {
padding-block-start: var(--units-300) !important;
padding-block: var(--units-300) !important;
}
.py-sm-9 {
padding-block-start: var(--units-400) !important;
padding-block: var(--units-400) !important;
}
.py-sm-10 {
padding-block-start: var(--units-500) !important;
padding-block: var(--units-500) !important;
}
.pt-sm-0 {
padding-block-start: 0 !important;
}
.pt-sm-1 {
padding-block-start: var(--units-25) !important;
}
.pt-sm-2 {
padding-block-start: var(--units-50) !important;
}
.pt-sm-3 {
padding-block-start: var(--units-75) !important;
}
.pt-sm-4 {
padding-block-start: var(--units-100) !important;
}
.pt-sm-5 {
padding-block-start: var(--units-150) !important;
}
.pt-sm-6 {
padding-block-start: var(--units-200) !important;
}
.pt-sm-7 {
padding-block-start: var(--units-250) !important;
}
.pt-sm-8 {
padding-block-start: var(--units-300) !important;
}
.pt-sm-9 {
padding-block-start: var(--units-400) !important;
}
.pt-sm-10 {
padding-block-start: var(--units-500) !important;
}
.pr-sm-0 {
padding-inline-end: 0 !important;
}
.pr-sm-1 {
padding-inline-end: var(--units-25) !important;
}
.pr-sm-2 {
padding-inline-end: var(--units-50) !important;
}
.pr-sm-3 {
padding-inline-end: var(--units-75) !important;
}
.pr-sm-4 {
padding-inline-end: var(--units-100) !important;
}
.pr-sm-5 {
padding-inline-end: var(--units-150) !important;
}
.pr-sm-6 {
padding-inline-end: var(--units-200) !important;
}
.pr-sm-7 {
padding-inline-end: var(--units-250) !important;
}
.pr-sm-8 {
padding-inline-end: var(--units-300) !important;
}
.pr-sm-9 {
padding-inline-end: var(--units-400) !important;
}
.pr-sm-10 {
padding-inline-end: var(--units-500) !important;
}
.pb-sm-0 {
padding-block-end: 0 !important;
}
.pb-sm-1 {
padding-block-end: var(--units-25) !important;
}
.pb-sm-2 {
padding-block-end: var(--units-50) !important;
}
.pb-sm-3 {
padding-block-end: var(--units-75) !important;
}
.pb-sm-4 {
padding-block-end: var(--units-100) !important;
}
.pb-sm-5 {
padding-block-end: var(--units-150) !important;
}
.pb-sm-6 {
padding-block-end: var(--units-200) !important;
}
.pb-sm-7 {
padding-block-end: var(--units-250) !important;
}
.pb-sm-8 {
padding-block-end: var(--units-300) !important;
}
.pb-sm-9 {
padding-block-end: var(--units-400) !important;
}
.pb-sm-10 {
padding-block-end: var(--units-500) !important;
}
.pl-sm-0 {
padding-inline-start: 0 !important;
}
.pl-sm-1 {
padding-inline-start: var(--units-25) !important;
}
.pl-sm-2 {
padding-inline-start: var(--units-50) !important;
}
.pl-sm-3 {
padding-inline-start: var(--units-75) !important;
}
.pl-sm-4 {
padding-inline-start: var(--units-100) !important;
}
.pl-sm-5 {
padding-inline-start: var(--units-150) !important;
}
.pl-sm-6 {
padding-inline-start: var(--units-200) !important;
}
.pl-sm-7 {
padding-inline-start: var(--units-250) !important;
}
.pl-sm-8 {
padding-inline-start: var(--units-300) !important;
}
.pl-sm-9 {
padding-inline-start: var(--units-400) !important;
}
.pl-sm-10 {
padding-inline-start: var(--units-500) !important;
}
.gap-sm-0 {
gap: 0 !important;
}
.gap-sm-1 {
gap: var(--units-25) !important;
}
.gap-sm-2 {
gap: var(--units-50) !important;
}
.gap-sm-3 {
gap: var(--units-75) !important;
}
.gap-sm-4 {
gap: var(--units-100) !important;
}
.gap-sm-5 {
gap: var(--units-150) !important;
}
.gap-sm-6 {
gap: var(--units-200) !important;
}
.gap-sm-7 {
gap: var(--units-250) !important;
}
.gap-sm-8 {
gap: var(--units-300) !important;
}
.gap-sm-9 {
gap: var(--units-400) !important;
}
.gap-sm-10 {
gap: var(--units-500) !important;
}
.gap-x-sm-0 {
column-gap: 0 !important;
}
.gap-x-sm-1 {
column-gap: var(--units-25) !important;
}
.gap-x-sm-2 {
column-gap: var(--units-50) !important;
}
.gap-x-sm-3 {
column-gap: var(--units-75) !important;
}
.gap-x-sm-4 {
column-gap: var(--units-100) !important;
}
.gap-x-sm-5 {
column-gap: var(--units-150) !important;
}
.gap-x-sm-6 {
column-gap: var(--units-200) !important;
}
.gap-x-sm-7 {
column-gap: var(--units-250) !important;
}
.gap-x-sm-8 {
column-gap: var(--units-300) !important;
}
.gap-x-sm-9 {
column-gap: var(--units-400) !important;
}
.gap-x-sm-10 {
column-gap: var(--units-500) !important;
}
.gap-y-sm-0 {
row-gap: 0 !important;
}
.gap-y-sm-1 {
row-gap: var(--units-25) !important;
}
.gap-y-sm-2 {
row-gap: var(--units-50) !important;
}
.gap-y-sm-3 {
row-gap: var(--units-75) !important;
}
.gap-y-sm-4 {
row-gap: var(--units-100) !important;
}
.gap-y-sm-5 {
row-gap: var(--units-150) !important;
}
.gap-y-sm-6 {
row-gap: var(--units-200) !important;
}
.gap-y-sm-7 {
row-gap: var(--units-250) !important;
}
.gap-y-sm-8 {
row-gap: var(--units-300) !important;
}
.gap-y-sm-9 {
row-gap: var(--units-400) !important;
}
.gap-y-sm-10 {
row-gap: var(--units-500) !important;
}
.text-sm-left {
text-align: start !important;
}
.text-sm-right {
text-align: end !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.justify-content-md-evenly {
justify-content: space-evenly !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
.order-md-first {
order: -1 !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-last {
order: 6 !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: var(--units-25) !important;
}
.m-md-2 {
margin: var(--units-50) !important;
}
.m-md-3 {
margin: var(--units-75) !important;
}
.m-md-4 {
margin: var(--units-100) !important;
}
.m-md-5 {
margin: var(--units-150) !important;
}
.m-md-6 {
margin: var(--units-200) !important;
}
.m-md-7 {
margin: var(--units-250) !important;
}
.m-md-8 {
margin: var(--units-300) !important;
}
.m-md-9 {
margin: var(--units-400) !important;
}
.m-md-10 {
margin: var(--units-500) !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-0 {
margin-inline-end: 0 !important;
margin-inline-start: 0 !important;
}
.mx-md-1 {
margin-inline-end: var(--units-25) !important;
margin-inline-start: var(--units-25) !important;
}
.mx-md-2 {
margin-inline-end: var(--units-50) !important;
margin-inline-start: var(--units-50) !important;
}
.mx-md-3 {
margin-inline-end: var(--units-75) !important;
margin-inline-start: var(--units-75) !important;
}
.mx-md-4 {
margin-inline-end: var(--units-100) !important;
margin-inline-start: var(--units-100) !important;
}
.mx-md-5 {
margin-inline-end: var(--units-150) !important;
margin-inline-start: var(--units-150) !important;
}
.mx-md-6 {
margin-inline-end: var(--units-200) !important;
margin-inline-start: var(--units-200) !important;
}
.mx-md-7 {
margin-inline-end: var(--units-250) !important;
margin-inline-start: var(--units-250) !important;
}
.mx-md-8 {
margin-inline-end: var(--units-300) !important;
margin-inline-start: var(--units-300) !important;
}
.mx-md-9 {
margin-inline-end: var(--units-400) !important;
margin-inline-start: var(--units-400) !important;
}
.mx-md-10 {
margin-inline-end: var(--units-500) !important;
margin-inline-start: var(--units-500) !important;
}
.mx-md-auto {
margin-inline-end: auto !important;
margin-inline-start: auto !important;
}
.my-md-0 {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
}
.my-md-1 {
margin-block-start: var(--units-25) !important;
margin-block-end: var(--units-25) !important;
}
.my-md-2 {
margin-block-start: var(--units-50) !important;
margin-block-end: var(--units-50) !important;
}
.my-md-3 {
margin-block-start: var(--units-75) !important;
margin-block-end: var(--units-75) !important;
}
.my-md-4 {
margin-block-start: var(--units-100) !important;
margin-block-end: var(--units-100) !important;
}
.my-md-5 {
margin-block-start: var(--units-150) !important;
margin-block-end: var(--units-150) !important;
}
.my-md-6 {
margin-block-start: var(--units-200) !important;
margin-block-end: var(--units-200) !important;
}
.my-md-7 {
margin-block-start: var(--units-250) !important;
margin-block-end: var(--units-250) !important;
}
.my-md-8 {
margin-block-start: var(--units-300) !important;
margin-block-end: var(--units-300) !important;
}
.my-md-9 {
margin-block-start: var(--units-400) !important;
margin-block-end: var(--units-400) !important;
}
.my-md-10 {
margin-block-start: var(--units-500) !important;
margin-block-end: var(--units-500) !important;
}
.my-md-auto {
margin-block-start: auto !important;
margin-block-end: auto !important;
}
.mt-md-0 {
margin-block-start: 0 !important;
}
.mt-md-1 {
margin-block-start: var(--units-25) !important;
}
.mt-md-2 {
margin-block-start: var(--units-50) !important;
}
.mt-md-3 {
margin-block-start: var(--units-75) !important;
}
.mt-md-4 {
margin-block-start: var(--units-100) !important;
}
.mt-md-5 {
margin-block-start: var(--units-150) !important;
}
.mt-md-6 {
margin-block-start: var(--units-200) !important;
}
.mt-md-7 {
margin-block-start: var(--units-250) !important;
}
.mt-md-8 {
margin-block-start: var(--units-300) !important;
}
.mt-md-9 {
margin-block-start: var(--units-400) !important;
}
.mt-md-10 {
margin-block-start: var(--units-500) !important;
}
.mt-md-auto {
margin-block-start: auto !important;
}
.mr-md-0 {
margin-inline-end: 0 !important;
}
.mr-md-1 {
margin-inline-end: var(--units-25) !important;
}
.mr-md-2 {
margin-inline-end: var(--units-50) !important;
}
.mr-md-3 {
margin-inline-end: var(--units-75) !important;
}
.mr-md-4 {
margin-inline-end: var(--units-100) !important;
}
.mr-md-5 {
margin-inline-end: var(--units-150) !important;
}
.mr-md-6 {
margin-inline-end: var(--units-200) !important;
}
.mr-md-7 {
margin-inline-end: var(--units-250) !important;
}
.mr-md-8 {
margin-inline-end: var(--units-300) !important;
}
.mr-md-9 {
margin-inline-end: var(--units-400) !important;
}
.mr-md-10 {
margin-inline-end: var(--units-500) !important;
}
.mr-md-auto {
margin-inline-end: auto !important;
}
.mb-md-0 {
margin-block-end: 0 !important;
}
.mb-md-1 {
margin-block-end: var(--units-25) !important;
}
.mb-md-2 {
margin-block-end: var(--units-50) !important;
}
.mb-md-3 {
margin-block-end: var(--units-75) !important;
}
.mb-md-4 {
margin-block-end: var(--units-100) !important;
}
.mb-md-5 {
margin-block-end: var(--units-150) !important;
}
.mb-md-6 {
margin-block-end: var(--units-200) !important;
}
.mb-md-7 {
margin-block-end: var(--units-250) !important;
}
.mb-md-8 {
margin-block-end: var(--units-300) !important;
}
.mb-md-9 {
margin-block-end: var(--units-400) !important;
}
.mb-md-10 {
margin-block-end: var(--units-500) !important;
}
.mb-md-auto {
margin-block-end: auto !important;
}
.ml-md-0 {
margin-inline-start: 0 !important;
}
.ml-md-1 {
margin-inline-start: var(--units-25) !important;
}
.ml-md-2 {
margin-inline-start: var(--units-50) !important;
}
.ml-md-3 {
margin-inline-start: var(--units-75) !important;
}
.ml-md-4 {
margin-inline-start: var(--units-100) !important;
}
.ml-md-5 {
margin-inline-start: var(--units-150) !important;
}
.ml-md-6 {
margin-inline-start: var(--units-200) !important;
}
.ml-md-7 {
margin-inline-start: var(--units-250) !important;
}
.ml-md-8 {
margin-inline-start: var(--units-300) !important;
}
.ml-md-9 {
margin-inline-start: var(--units-400) !important;
}
.ml-md-10 {
margin-inline-start: var(--units-500) !important;
}
.ml-md-auto {
margin-inline-start: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: var(--units-25) !important;
}
.p-md-2 {
padding: var(--units-50) !important;
}
.p-md-3 {
padding: var(--units-75) !important;
}
.p-md-4 {
padding: var(--units-100) !important;
}
.p-md-5 {
padding: var(--units-150) !important;
}
.p-md-6 {
padding: var(--units-200) !important;
}
.p-md-7 {
padding: var(--units-250) !important;
}
.p-md-8 {
padding: var(--units-300) !important;
}
.p-md-9 {
padding: var(--units-400) !important;
}
.p-md-10 {
padding: var(--units-500) !important;
}
.px-md-0 {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
.px-md-1 {
padding-inline-end: var(--units-25) !important;
padding-inline-start: var(--units-25) !important;
}
.px-md-2 {
padding-inline-end: var(--units-50) !important;
padding-inline-start: var(--units-50) !important;
}
.px-md-3 {
padding-inline-end: var(--units-75) !important;
padding-inline-start: var(--units-75) !important;
}
.px-md-4 {
padding-inline-end: var(--units-100) !important;
padding-inline-start: var(--units-100) !important;
}
.px-md-5 {
padding-inline-end: var(--units-150) !important;
padding-inline-start: var(--units-150) !important;
}
.px-md-6 {
padding-inline-end: var(--units-200) !important;
padding-inline-start: var(--units-200) !important;
}
.px-md-7 {
padding-inline-end: var(--units-250) !important;
padding-inline-start: var(--units-250) !important;
}
.px-md-8 {
padding-inline-end: var(--units-300) !important;
padding-inline-start: var(--units-300) !important;
}
.px-md-9 {
padding-inline-end: var(--units-400) !important;
padding-inline-start: var(--units-400) !important;
}
.px-md-10 {
padding-inline-end: var(--units-500) !important;
padding-inline-start: var(--units-500) !important;
}
.py-md-0 {
padding-block-start: 0 !important;
padding-block: 0 !important;
}
.py-md-1 {
padding-block-start: var(--units-25) !important;
padding-block: var(--units-25) !important;
}
.py-md-2 {
padding-block-start: var(--units-50) !important;
padding-block: var(--units-50) !important;
}
.py-md-3 {
padding-block-start: var(--units-75) !important;
padding-block: var(--units-75) !important;
}
.py-md-4 {
padding-block-start: var(--units-100) !important;
padding-block: var(--units-100) !important;
}
.py-md-5 {
padding-block-start: var(--units-150) !important;
padding-block: var(--units-150) !important;
}
.py-md-6 {
padding-block-start: var(--units-200) !important;
padding-block: var(--units-200) !important;
}
.py-md-7 {
padding-block-start: var(--units-250) !important;
padding-block: var(--units-250) !important;
}
.py-md-8 {
padding-block-start: var(--units-300) !important;
padding-block: var(--units-300) !important;
}
.py-md-9 {
padding-block-start: var(--units-400) !important;
padding-block: var(--units-400) !important;
}
.py-md-10 {
padding-block-start: var(--units-500) !important;
padding-block: var(--units-500) !important;
}
.pt-md-0 {
padding-block-start: 0 !important;
}
.pt-md-1 {
padding-block-start: var(--units-25) !important;
}
.pt-md-2 {
padding-block-start: var(--units-50) !important;
}
.pt-md-3 {
padding-block-start: var(--units-75) !important;
}
.pt-md-4 {
padding-block-start: var(--units-100) !important;
}
.pt-md-5 {
padding-block-start: var(--units-150) !important;
}
.pt-md-6 {
padding-block-start: var(--units-200) !important;
}
.pt-md-7 {
padding-block-start: var(--units-250) !important;
}
.pt-md-8 {
padding-block-start: var(--units-300) !important;
}
.pt-md-9 {
padding-block-start: var(--units-400) !important;
}
.pt-md-10 {
padding-block-start: var(--units-500) !important;
}
.pr-md-0 {
padding-inline-end: 0 !important;
}
.pr-md-1 {
padding-inline-end: var(--units-25) !important;
}
.pr-md-2 {
padding-inline-end: var(--units-50) !important;
}
.pr-md-3 {
padding-inline-end: var(--units-75) !important;
}
.pr-md-4 {
padding-inline-end: var(--units-100) !important;
}
.pr-md-5 {
padding-inline-end: var(--units-150) !important;
}
.pr-md-6 {
padding-inline-end: var(--units-200) !important;
}
.pr-md-7 {
padding-inline-end: var(--units-250) !important;
}
.pr-md-8 {
padding-inline-end: var(--units-300) !important;
}
.pr-md-9 {
padding-inline-end: var(--units-400) !important;
}
.pr-md-10 {
padding-inline-end: var(--units-500) !important;
}
.pb-md-0 {
padding-block-end: 0 !important;
}
.pb-md-1 {
padding-block-end: var(--units-25) !important;
}
.pb-md-2 {
padding-block-end: var(--units-50) !important;
}
.pb-md-3 {
padding-block-end: var(--units-75) !important;
}
.pb-md-4 {
padding-block-end: var(--units-100) !important;
}
.pb-md-5 {
padding-block-end: var(--units-150) !important;
}
.pb-md-6 {
padding-block-end: var(--units-200) !important;
}
.pb-md-7 {
padding-block-end: var(--units-250) !important;
}
.pb-md-8 {
padding-block-end: var(--units-300) !important;
}
.pb-md-9 {
padding-block-end: var(--units-400) !important;
}
.pb-md-10 {
padding-block-end: var(--units-500) !important;
}
.pl-md-0 {
padding-inline-start: 0 !important;
}
.pl-md-1 {
padding-inline-start: var(--units-25) !important;
}
.pl-md-2 {
padding-inline-start: var(--units-50) !important;
}
.pl-md-3 {
padding-inline-start: var(--units-75) !important;
}
.pl-md-4 {
padding-inline-start: var(--units-100) !important;
}
.pl-md-5 {
padding-inline-start: var(--units-150) !important;
}
.pl-md-6 {
padding-inline-start: var(--units-200) !important;
}
.pl-md-7 {
padding-inline-start: var(--units-250) !important;
}
.pl-md-8 {
padding-inline-start: var(--units-300) !important;
}
.pl-md-9 {
padding-inline-start: var(--units-400) !important;
}
.pl-md-10 {
padding-inline-start: var(--units-500) !important;
}
.gap-md-0 {
gap: 0 !important;
}
.gap-md-1 {
gap: var(--units-25) !important;
}
.gap-md-2 {
gap: var(--units-50) !important;
}
.gap-md-3 {
gap: var(--units-75) !important;
}
.gap-md-4 {
gap: var(--units-100) !important;
}
.gap-md-5 {
gap: var(--units-150) !important;
}
.gap-md-6 {
gap: var(--units-200) !important;
}
.gap-md-7 {
gap: var(--units-250) !important;
}
.gap-md-8 {
gap: var(--units-300) !important;
}
.gap-md-9 {
gap: var(--units-400) !important;
}
.gap-md-10 {
gap: var(--units-500) !important;
}
.gap-x-md-0 {
column-gap: 0 !important;
}
.gap-x-md-1 {
column-gap: var(--units-25) !important;
}
.gap-x-md-2 {
column-gap: var(--units-50) !important;
}
.gap-x-md-3 {
column-gap: var(--units-75) !important;
}
.gap-x-md-4 {
column-gap: var(--units-100) !important;
}
.gap-x-md-5 {
column-gap: var(--units-150) !important;
}
.gap-x-md-6 {
column-gap: var(--units-200) !important;
}
.gap-x-md-7 {
column-gap: var(--units-250) !important;
}
.gap-x-md-8 {
column-gap: var(--units-300) !important;
}
.gap-x-md-9 {
column-gap: var(--units-400) !important;
}
.gap-x-md-10 {
column-gap: var(--units-500) !important;
}
.gap-y-md-0 {
row-gap: 0 !important;
}
.gap-y-md-1 {
row-gap: var(--units-25) !important;
}
.gap-y-md-2 {
row-gap: var(--units-50) !important;
}
.gap-y-md-3 {
row-gap: var(--units-75) !important;
}
.gap-y-md-4 {
row-gap: var(--units-100) !important;
}
.gap-y-md-5 {
row-gap: var(--units-150) !important;
}
.gap-y-md-6 {
row-gap: var(--units-200) !important;
}
.gap-y-md-7 {
row-gap: var(--units-250) !important;
}
.gap-y-md-8 {
row-gap: var(--units-300) !important;
}
.gap-y-md-9 {
row-gap: var(--units-400) !important;
}
.gap-y-md-10 {
row-gap: var(--units-500) !important;
}
.text-md-left {
text-align: start !important;
}
.text-md-right {
text-align: end !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.justify-content-lg-evenly {
justify-content: space-evenly !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
.order-lg-first {
order: -1 !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-last {
order: 6 !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: var(--units-25) !important;
}
.m-lg-2 {
margin: var(--units-50) !important;
}
.m-lg-3 {
margin: var(--units-75) !important;
}
.m-lg-4 {
margin: var(--units-100) !important;
}
.m-lg-5 {
margin: var(--units-150) !important;
}
.m-lg-6 {
margin: var(--units-200) !important;
}
.m-lg-7 {
margin: var(--units-250) !important;
}
.m-lg-8 {
margin: var(--units-300) !important;
}
.m-lg-9 {
margin: var(--units-400) !important;
}
.m-lg-10 {
margin: var(--units-500) !important;
}
.m-lg-auto {
margin: auto !important;
}
.mx-lg-0 {
margin-inline-end: 0 !important;
margin-inline-start: 0 !important;
}
.mx-lg-1 {
margin-inline-end: var(--units-25) !important;
margin-inline-start: var(--units-25) !important;
}
.mx-lg-2 {
margin-inline-end: var(--units-50) !important;
margin-inline-start: var(--units-50) !important;
}
.mx-lg-3 {
margin-inline-end: var(--units-75) !important;
margin-inline-start: var(--units-75) !important;
}
.mx-lg-4 {
margin-inline-end: var(--units-100) !important;
margin-inline-start: var(--units-100) !important;
}
.mx-lg-5 {
margin-inline-end: var(--units-150) !important;
margin-inline-start: var(--units-150) !important;
}
.mx-lg-6 {
margin-inline-end: var(--units-200) !important;
margin-inline-start: var(--units-200) !important;
}
.mx-lg-7 {
margin-inline-end: var(--units-250) !important;
margin-inline-start: var(--units-250) !important;
}
.mx-lg-8 {
margin-inline-end: var(--units-300) !important;
margin-inline-start: var(--units-300) !important;
}
.mx-lg-9 {
margin-inline-end: var(--units-400) !important;
margin-inline-start: var(--units-400) !important;
}
.mx-lg-10 {
margin-inline-end: var(--units-500) !important;
margin-inline-start: var(--units-500) !important;
}
.mx-lg-auto {
margin-inline-end: auto !important;
margin-inline-start: auto !important;
}
.my-lg-0 {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
}
.my-lg-1 {
margin-block-start: var(--units-25) !important;
margin-block-end: var(--units-25) !important;
}
.my-lg-2 {
margin-block-start: var(--units-50) !important;
margin-block-end: var(--units-50) !important;
}
.my-lg-3 {
margin-block-start: var(--units-75) !important;
margin-block-end: var(--units-75) !important;
}
.my-lg-4 {
margin-block-start: var(--units-100) !important;
margin-block-end: var(--units-100) !important;
}
.my-lg-5 {
margin-block-start: var(--units-150) !important;
margin-block-end: var(--units-150) !important;
}
.my-lg-6 {
margin-block-start: var(--units-200) !important;
margin-block-end: var(--units-200) !important;
}
.my-lg-7 {
margin-block-start: var(--units-250) !important;
margin-block-end: var(--units-250) !important;
}
.my-lg-8 {
margin-block-start: var(--units-300) !important;
margin-block-end: var(--units-300) !important;
}
.my-lg-9 {
margin-block-start: var(--units-400) !important;
margin-block-end: var(--units-400) !important;
}
.my-lg-10 {
margin-block-start: var(--units-500) !important;
margin-block-end: var(--units-500) !important;
}
.my-lg-auto {
margin-block-start: auto !important;
margin-block-end: auto !important;
}
.mt-lg-0 {
margin-block-start: 0 !important;
}
.mt-lg-1 {
margin-block-start: var(--units-25) !important;
}
.mt-lg-2 {
margin-block-start: var(--units-50) !important;
}
.mt-lg-3 {
margin-block-start: var(--units-75) !important;
}
.mt-lg-4 {
margin-block-start: var(--units-100) !important;
}
.mt-lg-5 {
margin-block-start: var(--units-150) !important;
}
.mt-lg-6 {
margin-block-start: var(--units-200) !important;
}
.mt-lg-7 {
margin-block-start: var(--units-250) !important;
}
.mt-lg-8 {
margin-block-start: var(--units-300) !important;
}
.mt-lg-9 {
margin-block-start: var(--units-400) !important;
}
.mt-lg-10 {
margin-block-start: var(--units-500) !important;
}
.mt-lg-auto {
margin-block-start: auto !important;
}
.mr-lg-0 {
margin-inline-end: 0 !important;
}
.mr-lg-1 {
margin-inline-end: var(--units-25) !important;
}
.mr-lg-2 {
margin-inline-end: var(--units-50) !important;
}
.mr-lg-3 {
margin-inline-end: var(--units-75) !important;
}
.mr-lg-4 {
margin-inline-end: var(--units-100) !important;
}
.mr-lg-5 {
margin-inline-end: var(--units-150) !important;
}
.mr-lg-6 {
margin-inline-end: var(--units-200) !important;
}
.mr-lg-7 {
margin-inline-end: var(--units-250) !important;
}
.mr-lg-8 {
margin-inline-end: var(--units-300) !important;
}
.mr-lg-9 {
margin-inline-end: var(--units-400) !important;
}
.mr-lg-10 {
margin-inline-end: var(--units-500) !important;
}
.mr-lg-auto {
margin-inline-end: auto !important;
}
.mb-lg-0 {
margin-block-end: 0 !important;
}
.mb-lg-1 {
margin-block-end: var(--units-25) !important;
}
.mb-lg-2 {
margin-block-end: var(--units-50) !important;
}
.mb-lg-3 {
margin-block-end: var(--units-75) !important;
}
.mb-lg-4 {
margin-block-end: var(--units-100) !important;
}
.mb-lg-5 {
margin-block-end: var(--units-150) !important;
}
.mb-lg-6 {
margin-block-end: var(--units-200) !important;
}
.mb-lg-7 {
margin-block-end: var(--units-250) !important;
}
.mb-lg-8 {
margin-block-end: var(--units-300) !important;
}
.mb-lg-9 {
margin-block-end: var(--units-400) !important;
}
.mb-lg-10 {
margin-block-end: var(--units-500) !important;
}
.mb-lg-auto {
margin-block-end: auto !important;
}
.ml-lg-0 {
margin-inline-start: 0 !important;
}
.ml-lg-1 {
margin-inline-start: var(--units-25) !important;
}
.ml-lg-2 {
margin-inline-start: var(--units-50) !important;
}
.ml-lg-3 {
margin-inline-start: var(--units-75) !important;
}
.ml-lg-4 {
margin-inline-start: var(--units-100) !important;
}
.ml-lg-5 {
margin-inline-start: var(--units-150) !important;
}
.ml-lg-6 {
margin-inline-start: var(--units-200) !important;
}
.ml-lg-7 {
margin-inline-start: var(--units-250) !important;
}
.ml-lg-8 {
margin-inline-start: var(--units-300) !important;
}
.ml-lg-9 {
margin-inline-start: var(--units-400) !important;
}
.ml-lg-10 {
margin-inline-start: var(--units-500) !important;
}
.ml-lg-auto {
margin-inline-start: auto !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: var(--units-25) !important;
}
.p-lg-2 {
padding: var(--units-50) !important;
}
.p-lg-3 {
padding: var(--units-75) !important;
}
.p-lg-4 {
padding: var(--units-100) !important;
}
.p-lg-5 {
padding: var(--units-150) !important;
}
.p-lg-6 {
padding: var(--units-200) !important;
}
.p-lg-7 {
padding: var(--units-250) !important;
}
.p-lg-8 {
padding: var(--units-300) !important;
}
.p-lg-9 {
padding: var(--units-400) !important;
}
.p-lg-10 {
padding: var(--units-500) !important;
}
.px-lg-0 {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
.px-lg-1 {
padding-inline-end: var(--units-25) !important;
padding-inline-start: var(--units-25) !important;
}
.px-lg-2 {
padding-inline-end: var(--units-50) !important;
padding-inline-start: var(--units-50) !important;
}
.px-lg-3 {
padding-inline-end: var(--units-75) !important;
padding-inline-start: var(--units-75) !important;
}
.px-lg-4 {
padding-inline-end: var(--units-100) !important;
padding-inline-start: var(--units-100) !important;
}
.px-lg-5 {
padding-inline-end: var(--units-150) !important;
padding-inline-start: var(--units-150) !important;
}
.px-lg-6 {
padding-inline-end: var(--units-200) !important;
padding-inline-start: var(--units-200) !important;
}
.px-lg-7 {
padding-inline-end: var(--units-250) !important;
padding-inline-start: var(--units-250) !important;
}
.px-lg-8 {
padding-inline-end: var(--units-300) !important;
padding-inline-start: var(--units-300) !important;
}
.px-lg-9 {
padding-inline-end: var(--units-400) !important;
padding-inline-start: var(--units-400) !important;
}
.px-lg-10 {
padding-inline-end: var(--units-500) !important;
padding-inline-start: var(--units-500) !important;
}
.py-lg-0 {
padding-block-start: 0 !important;
padding-block: 0 !important;
}
.py-lg-1 {
padding-block-start: var(--units-25) !important;
padding-block: var(--units-25) !important;
}
.py-lg-2 {
padding-block-start: var(--units-50) !important;
padding-block: var(--units-50) !important;
}
.py-lg-3 {
padding-block-start: var(--units-75) !important;
padding-block: var(--units-75) !important;
}
.py-lg-4 {
padding-block-start: var(--units-100) !important;
padding-block: var(--units-100) !important;
}
.py-lg-5 {
padding-block-start: var(--units-150) !important;
padding-block: var(--units-150) !important;
}
.py-lg-6 {
padding-block-start: var(--units-200) !important;
padding-block: var(--units-200) !important;
}
.py-lg-7 {
padding-block-start: var(--units-250) !important;
padding-block: var(--units-250) !important;
}
.py-lg-8 {
padding-block-start: var(--units-300) !important;
padding-block: var(--units-300) !important;
}
.py-lg-9 {
padding-block-start: var(--units-400) !important;
padding-block: var(--units-400) !important;
}
.py-lg-10 {
padding-block-start: var(--units-500) !important;
padding-block: var(--units-500) !important;
}
.pt-lg-0 {
padding-block-start: 0 !important;
}
.pt-lg-1 {
padding-block-start: var(--units-25) !important;
}
.pt-lg-2 {
padding-block-start: var(--units-50) !important;
}
.pt-lg-3 {
padding-block-start: var(--units-75) !important;
}
.pt-lg-4 {
padding-block-start: var(--units-100) !important;
}
.pt-lg-5 {
padding-block-start: var(--units-150) !important;
}
.pt-lg-6 {
padding-block-start: var(--units-200) !important;
}
.pt-lg-7 {
padding-block-start: var(--units-250) !important;
}
.pt-lg-8 {
padding-block-start: var(--units-300) !important;
}
.pt-lg-9 {
padding-block-start: var(--units-400) !important;
}
.pt-lg-10 {
padding-block-start: var(--units-500) !important;
}
.pr-lg-0 {
padding-inline-end: 0 !important;
}
.pr-lg-1 {
padding-inline-end: var(--units-25) !important;
}
.pr-lg-2 {
padding-inline-end: var(--units-50) !important;
}
.pr-lg-3 {
padding-inline-end: var(--units-75) !important;
}
.pr-lg-4 {
padding-inline-end: var(--units-100) !important;
}
.pr-lg-5 {
padding-inline-end: var(--units-150) !important;
}
.pr-lg-6 {
padding-inline-end: var(--units-200) !important;
}
.pr-lg-7 {
padding-inline-end: var(--units-250) !important;
}
.pr-lg-8 {
padding-inline-end: var(--units-300) !important;
}
.pr-lg-9 {
padding-inline-end: var(--units-400) !important;
}
.pr-lg-10 {
padding-inline-end: var(--units-500) !important;
}
.pb-lg-0 {
padding-block-end: 0 !important;
}
.pb-lg-1 {
padding-block-end: var(--units-25) !important;
}
.pb-lg-2 {
padding-block-end: var(--units-50) !important;
}
.pb-lg-3 {
padding-block-end: var(--units-75) !important;
}
.pb-lg-4 {
padding-block-end: var(--units-100) !important;
}
.pb-lg-5 {
padding-block-end: var(--units-150) !important;
}
.pb-lg-6 {
padding-block-end: var(--units-200) !important;
}
.pb-lg-7 {
padding-block-end: var(--units-250) !important;
}
.pb-lg-8 {
padding-block-end: var(--units-300) !important;
}
.pb-lg-9 {
padding-block-end: var(--units-400) !important;
}
.pb-lg-10 {
padding-block-end: var(--units-500) !important;
}
.pl-lg-0 {
padding-inline-start: 0 !important;
}
.pl-lg-1 {
padding-inline-start: var(--units-25) !important;
}
.pl-lg-2 {
padding-inline-start: var(--units-50) !important;
}
.pl-lg-3 {
padding-inline-start: var(--units-75) !important;
}
.pl-lg-4 {
padding-inline-start: var(--units-100) !important;
}
.pl-lg-5 {
padding-inline-start: var(--units-150) !important;
}
.pl-lg-6 {
padding-inline-start: var(--units-200) !important;
}
.pl-lg-7 {
padding-inline-start: var(--units-250) !important;
}
.pl-lg-8 {
padding-inline-start: var(--units-300) !important;
}
.pl-lg-9 {
padding-inline-start: var(--units-400) !important;
}
.pl-lg-10 {
padding-inline-start: var(--units-500) !important;
}
.gap-lg-0 {
gap: 0 !important;
}
.gap-lg-1 {
gap: var(--units-25) !important;
}
.gap-lg-2 {
gap: var(--units-50) !important;
}
.gap-lg-3 {
gap: var(--units-75) !important;
}
.gap-lg-4 {
gap: var(--units-100) !important;
}
.gap-lg-5 {
gap: var(--units-150) !important;
}
.gap-lg-6 {
gap: var(--units-200) !important;
}
.gap-lg-7 {
gap: var(--units-250) !important;
}
.gap-lg-8 {
gap: var(--units-300) !important;
}
.gap-lg-9 {
gap: var(--units-400) !important;
}
.gap-lg-10 {
gap: var(--units-500) !important;
}
.gap-x-lg-0 {
column-gap: 0 !important;
}
.gap-x-lg-1 {
column-gap: var(--units-25) !important;
}
.gap-x-lg-2 {
column-gap: var(--units-50) !important;
}
.gap-x-lg-3 {
column-gap: var(--units-75) !important;
}
.gap-x-lg-4 {
column-gap: var(--units-100) !important;
}
.gap-x-lg-5 {
column-gap: var(--units-150) !important;
}
.gap-x-lg-6 {
column-gap: var(--units-200) !important;
}
.gap-x-lg-7 {
column-gap: var(--units-250) !important;
}
.gap-x-lg-8 {
column-gap: var(--units-300) !important;
}
.gap-x-lg-9 {
column-gap: var(--units-400) !important;
}
.gap-x-lg-10 {
column-gap: var(--units-500) !important;
}
.gap-y-lg-0 {
row-gap: 0 !important;
}
.gap-y-lg-1 {
row-gap: var(--units-25) !important;
}
.gap-y-lg-2 {
row-gap: var(--units-50) !important;
}
.gap-y-lg-3 {
row-gap: var(--units-75) !important;
}
.gap-y-lg-4 {
row-gap: var(--units-100) !important;
}
.gap-y-lg-5 {
row-gap: var(--units-150) !important;
}
.gap-y-lg-6 {
row-gap: var(--units-200) !important;
}
.gap-y-lg-7 {
row-gap: var(--units-250) !important;
}
.gap-y-lg-8 {
row-gap: var(--units-300) !important;
}
.gap-y-lg-9 {
row-gap: var(--units-400) !important;
}
.gap-y-lg-10 {
row-gap: var(--units-500) !important;
}
.text-lg-left {
text-align: start !important;
}
.text-lg-right {
text-align: end !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.justify-content-xl-evenly {
justify-content: space-evenly !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
.order-xl-first {
order: -1 !important;
}
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-5 {
order: 5 !important;
}
.order-xl-last {
order: 6 !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: var(--units-25) !important;
}
.m-xl-2 {
margin: var(--units-50) !important;
}
.m-xl-3 {
margin: var(--units-75) !important;
}
.m-xl-4 {
margin: var(--units-100) !important;
}
.m-xl-5 {
margin: var(--units-150) !important;
}
.m-xl-6 {
margin: var(--units-200) !important;
}
.m-xl-7 {
margin: var(--units-250) !important;
}
.m-xl-8 {
margin: var(--units-300) !important;
}
.m-xl-9 {
margin: var(--units-400) !important;
}
.m-xl-10 {
margin: var(--units-500) !important;
}
.m-xl-auto {
margin: auto !important;
}
.mx-xl-0 {
margin-inline-end: 0 !important;
margin-inline-start: 0 !important;
}
.mx-xl-1 {
margin-inline-end: var(--units-25) !important;
margin-inline-start: var(--units-25) !important;
}
.mx-xl-2 {
margin-inline-end: var(--units-50) !important;
margin-inline-start: var(--units-50) !important;
}
.mx-xl-3 {
margin-inline-end: var(--units-75) !important;
margin-inline-start: var(--units-75) !important;
}
.mx-xl-4 {
margin-inline-end: var(--units-100) !important;
margin-inline-start: var(--units-100) !important;
}
.mx-xl-5 {
margin-inline-end: var(--units-150) !important;
margin-inline-start: var(--units-150) !important;
}
.mx-xl-6 {
margin-inline-end: var(--units-200) !important;
margin-inline-start: var(--units-200) !important;
}
.mx-xl-7 {
margin-inline-end: var(--units-250) !important;
margin-inline-start: var(--units-250) !important;
}
.mx-xl-8 {
margin-inline-end: var(--units-300) !important;
margin-inline-start: var(--units-300) !important;
}
.mx-xl-9 {
margin-inline-end: var(--units-400) !important;
margin-inline-start: var(--units-400) !important;
}
.mx-xl-10 {
margin-inline-end: var(--units-500) !important;
margin-inline-start: var(--units-500) !important;
}
.mx-xl-auto {
margin-inline-end: auto !important;
margin-inline-start: auto !important;
}
.my-xl-0 {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
}
.my-xl-1 {
margin-block-start: var(--units-25) !important;
margin-block-end: var(--units-25) !important;
}
.my-xl-2 {
margin-block-start: var(--units-50) !important;
margin-block-end: var(--units-50) !important;
}
.my-xl-3 {
margin-block-start: var(--units-75) !important;
margin-block-end: var(--units-75) !important;
}
.my-xl-4 {
margin-block-start: var(--units-100) !important;
margin-block-end: var(--units-100) !important;
}
.my-xl-5 {
margin-block-start: var(--units-150) !important;
margin-block-end: var(--units-150) !important;
}
.my-xl-6 {
margin-block-start: var(--units-200) !important;
margin-block-end: var(--units-200) !important;
}
.my-xl-7 {
margin-block-start: var(--units-250) !important;
margin-block-end: var(--units-250) !important;
}
.my-xl-8 {
margin-block-start: var(--units-300) !important;
margin-block-end: var(--units-300) !important;
}
.my-xl-9 {
margin-block-start: var(--units-400) !important;
margin-block-end: var(--units-400) !important;
}
.my-xl-10 {
margin-block-start: var(--units-500) !important;
margin-block-end: var(--units-500) !important;
}
.my-xl-auto {
margin-block-start: auto !important;
margin-block-end: auto !important;
}
.mt-xl-0 {
margin-block-start: 0 !important;
}
.mt-xl-1 {
margin-block-start: var(--units-25) !important;
}
.mt-xl-2 {
margin-block-start: var(--units-50) !important;
}
.mt-xl-3 {
margin-block-start: var(--units-75) !important;
}
.mt-xl-4 {
margin-block-start: var(--units-100) !important;
}
.mt-xl-5 {
margin-block-start: var(--units-150) !important;
}
.mt-xl-6 {
margin-block-start: var(--units-200) !important;
}
.mt-xl-7 {
margin-block-start: var(--units-250) !important;
}
.mt-xl-8 {
margin-block-start: var(--units-300) !important;
}
.mt-xl-9 {
margin-block-start: var(--units-400) !important;
}
.mt-xl-10 {
margin-block-start: var(--units-500) !important;
}
.mt-xl-auto {
margin-block-start: auto !important;
}
.mr-xl-0 {
margin-inline-end: 0 !important;
}
.mr-xl-1 {
margin-inline-end: var(--units-25) !important;
}
.mr-xl-2 {
margin-inline-end: var(--units-50) !important;
}
.mr-xl-3 {
margin-inline-end: var(--units-75) !important;
}
.mr-xl-4 {
margin-inline-end: var(--units-100) !important;
}
.mr-xl-5 {
margin-inline-end: var(--units-150) !important;
}
.mr-xl-6 {
margin-inline-end: var(--units-200) !important;
}
.mr-xl-7 {
margin-inline-end: var(--units-250) !important;
}
.mr-xl-8 {
margin-inline-end: var(--units-300) !important;
}
.mr-xl-9 {
margin-inline-end: var(--units-400) !important;
}
.mr-xl-10 {
margin-inline-end: var(--units-500) !important;
}
.mr-xl-auto {
margin-inline-end: auto !important;
}
.mb-xl-0 {
margin-block-end: 0 !important;
}
.mb-xl-1 {
margin-block-end: var(--units-25) !important;
}
.mb-xl-2 {
margin-block-end: var(--units-50) !important;
}
.mb-xl-3 {
margin-block-end: var(--units-75) !important;
}
.mb-xl-4 {
margin-block-end: var(--units-100) !important;
}
.mb-xl-5 {
margin-block-end: var(--units-150) !important;
}
.mb-xl-6 {
margin-block-end: var(--units-200) !important;
}
.mb-xl-7 {
margin-block-end: var(--units-250) !important;
}
.mb-xl-8 {
margin-block-end: var(--units-300) !important;
}
.mb-xl-9 {
margin-block-end: var(--units-400) !important;
}
.mb-xl-10 {
margin-block-end: var(--units-500) !important;
}
.mb-xl-auto {
margin-block-end: auto !important;
}
.ml-xl-0 {
margin-inline-start: 0 !important;
}
.ml-xl-1 {
margin-inline-start: var(--units-25) !important;
}
.ml-xl-2 {
margin-inline-start: var(--units-50) !important;
}
.ml-xl-3 {
margin-inline-start: var(--units-75) !important;
}
.ml-xl-4 {
margin-inline-start: var(--units-100) !important;
}
.ml-xl-5 {
margin-inline-start: var(--units-150) !important;
}
.ml-xl-6 {
margin-inline-start: var(--units-200) !important;
}
.ml-xl-7 {
margin-inline-start: var(--units-250) !important;
}
.ml-xl-8 {
margin-inline-start: var(--units-300) !important;
}
.ml-xl-9 {
margin-inline-start: var(--units-400) !important;
}
.ml-xl-10 {
margin-inline-start: var(--units-500) !important;
}
.ml-xl-auto {
margin-inline-start: auto !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: var(--units-25) !important;
}
.p-xl-2 {
padding: var(--units-50) !important;
}
.p-xl-3 {
padding: var(--units-75) !important;
}
.p-xl-4 {
padding: var(--units-100) !important;
}
.p-xl-5 {
padding: var(--units-150) !important;
}
.p-xl-6 {
padding: var(--units-200) !important;
}
.p-xl-7 {
padding: var(--units-250) !important;
}
.p-xl-8 {
padding: var(--units-300) !important;
}
.p-xl-9 {
padding: var(--units-400) !important;
}
.p-xl-10 {
padding: var(--units-500) !important;
}
.px-xl-0 {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
.px-xl-1 {
padding-inline-end: var(--units-25) !important;
padding-inline-start: var(--units-25) !important;
}
.px-xl-2 {
padding-inline-end: var(--units-50) !important;
padding-inline-start: var(--units-50) !important;
}
.px-xl-3 {
padding-inline-end: var(--units-75) !important;
padding-inline-start: var(--units-75) !important;
}
.px-xl-4 {
padding-inline-end: var(--units-100) !important;
padding-inline-start: var(--units-100) !important;
}
.px-xl-5 {
padding-inline-end: var(--units-150) !important;
padding-inline-start: var(--units-150) !important;
}
.px-xl-6 {
padding-inline-end: var(--units-200) !important;
padding-inline-start: var(--units-200) !important;
}
.px-xl-7 {
padding-inline-end: var(--units-250) !important;
padding-inline-start: var(--units-250) !important;
}
.px-xl-8 {
padding-inline-end: var(--units-300) !important;
padding-inline-start: var(--units-300) !important;
}
.px-xl-9 {
padding-inline-end: var(--units-400) !important;
padding-inline-start: var(--units-400) !important;
}
.px-xl-10 {
padding-inline-end: var(--units-500) !important;
padding-inline-start: var(--units-500) !important;
}
.py-xl-0 {
padding-block-start: 0 !important;
padding-block: 0 !important;
}
.py-xl-1 {
padding-block-start: var(--units-25) !important;
padding-block: var(--units-25) !important;
}
.py-xl-2 {
padding-block-start: var(--units-50) !important;
padding-block: var(--units-50) !important;
}
.py-xl-3 {
padding-block-start: var(--units-75) !important;
padding-block: var(--units-75) !important;
}
.py-xl-4 {
padding-block-start: var(--units-100) !important;
padding-block: var(--units-100) !important;
}
.py-xl-5 {
padding-block-start: var(--units-150) !important;
padding-block: var(--units-150) !important;
}
.py-xl-6 {
padding-block-start: var(--units-200) !important;
padding-block: var(--units-200) !important;
}
.py-xl-7 {
padding-block-start: var(--units-250) !important;
padding-block: var(--units-250) !important;
}
.py-xl-8 {
padding-block-start: var(--units-300) !important;
padding-block: var(--units-300) !important;
}
.py-xl-9 {
padding-block-start: var(--units-400) !important;
padding-block: var(--units-400) !important;
}
.py-xl-10 {
padding-block-start: var(--units-500) !important;
padding-block: var(--units-500) !important;
}
.pt-xl-0 {
padding-block-start: 0 !important;
}
.pt-xl-1 {
padding-block-start: var(--units-25) !important;
}
.pt-xl-2 {
padding-block-start: var(--units-50) !important;
}
.pt-xl-3 {
padding-block-start: var(--units-75) !important;
}
.pt-xl-4 {
padding-block-start: var(--units-100) !important;
}
.pt-xl-5 {
padding-block-start: var(--units-150) !important;
}
.pt-xl-6 {
padding-block-start: var(--units-200) !important;
}
.pt-xl-7 {
padding-block-start: var(--units-250) !important;
}
.pt-xl-8 {
padding-block-start: var(--units-300) !important;
}
.pt-xl-9 {
padding-block-start: var(--units-400) !important;
}
.pt-xl-10 {
padding-block-start: var(--units-500) !important;
}
.pr-xl-0 {
padding-inline-end: 0 !important;
}
.pr-xl-1 {
padding-inline-end: var(--units-25) !important;
}
.pr-xl-2 {
padding-inline-end: var(--units-50) !important;
}
.pr-xl-3 {
padding-inline-end: var(--units-75) !important;
}
.pr-xl-4 {
padding-inline-end: var(--units-100) !important;
}
.pr-xl-5 {
padding-inline-end: var(--units-150) !important;
}
.pr-xl-6 {
padding-inline-end: var(--units-200) !important;
}
.pr-xl-7 {
padding-inline-end: var(--units-250) !important;
}
.pr-xl-8 {
padding-inline-end: var(--units-300) !important;
}
.pr-xl-9 {
padding-inline-end: var(--units-400) !important;
}
.pr-xl-10 {
padding-inline-end: var(--units-500) !important;
}
.pb-xl-0 {
padding-block-end: 0 !important;
}
.pb-xl-1 {
padding-block-end: var(--units-25) !important;
}
.pb-xl-2 {
padding-block-end: var(--units-50) !important;
}
.pb-xl-3 {
padding-block-end: var(--units-75) !important;
}
.pb-xl-4 {
padding-block-end: var(--units-100) !important;
}
.pb-xl-5 {
padding-block-end: var(--units-150) !important;
}
.pb-xl-6 {
padding-block-end: var(--units-200) !important;
}
.pb-xl-7 {
padding-block-end: var(--units-250) !important;
}
.pb-xl-8 {
padding-block-end: var(--units-300) !important;
}
.pb-xl-9 {
padding-block-end: var(--units-400) !important;
}
.pb-xl-10 {
padding-block-end: var(--units-500) !important;
}
.pl-xl-0 {
padding-inline-start: 0 !important;
}
.pl-xl-1 {
padding-inline-start: var(--units-25) !important;
}
.pl-xl-2 {
padding-inline-start: var(--units-50) !important;
}
.pl-xl-3 {
padding-inline-start: var(--units-75) !important;
}
.pl-xl-4 {
padding-inline-start: var(--units-100) !important;
}
.pl-xl-5 {
padding-inline-start: var(--units-150) !important;
}
.pl-xl-6 {
padding-inline-start: var(--units-200) !important;
}
.pl-xl-7 {
padding-inline-start: var(--units-250) !important;
}
.pl-xl-8 {
padding-inline-start: var(--units-300) !important;
}
.pl-xl-9 {
padding-inline-start: var(--units-400) !important;
}
.pl-xl-10 {
padding-inline-start: var(--units-500) !important;
}
.gap-xl-0 {
gap: 0 !important;
}
.gap-xl-1 {
gap: var(--units-25) !important;
}
.gap-xl-2 {
gap: var(--units-50) !important;
}
.gap-xl-3 {
gap: var(--units-75) !important;
}
.gap-xl-4 {
gap: var(--units-100) !important;
}
.gap-xl-5 {
gap: var(--units-150) !important;
}
.gap-xl-6 {
gap: var(--units-200) !important;
}
.gap-xl-7 {
gap: var(--units-250) !important;
}
.gap-xl-8 {
gap: var(--units-300) !important;
}
.gap-xl-9 {
gap: var(--units-400) !important;
}
.gap-xl-10 {
gap: var(--units-500) !important;
}
.gap-x-xl-0 {
column-gap: 0 !important;
}
.gap-x-xl-1 {
column-gap: var(--units-25) !important;
}
.gap-x-xl-2 {
column-gap: var(--units-50) !important;
}
.gap-x-xl-3 {
column-gap: var(--units-75) !important;
}
.gap-x-xl-4 {
column-gap: var(--units-100) !important;
}
.gap-x-xl-5 {
column-gap: var(--units-150) !important;
}
.gap-x-xl-6 {
column-gap: var(--units-200) !important;
}
.gap-x-xl-7 {
column-gap: var(--units-250) !important;
}
.gap-x-xl-8 {
column-gap: var(--units-300) !important;
}
.gap-x-xl-9 {
column-gap: var(--units-400) !important;
}
.gap-x-xl-10 {
column-gap: var(--units-500) !important;
}
.gap-y-xl-0 {
row-gap: 0 !important;
}
.gap-y-xl-1 {
row-gap: var(--units-25) !important;
}
.gap-y-xl-2 {
row-gap: var(--units-50) !important;
}
.gap-y-xl-3 {
row-gap: var(--units-75) !important;
}
.gap-y-xl-4 {
row-gap: var(--units-100) !important;
}
.gap-y-xl-5 {
row-gap: var(--units-150) !important;
}
.gap-y-xl-6 {
row-gap: var(--units-200) !important;
}
.gap-y-xl-7 {
row-gap: var(--units-250) !important;
}
.gap-y-xl-8 {
row-gap: var(--units-300) !important;
}
.gap-y-xl-9 {
row-gap: var(--units-400) !important;
}
.gap-y-xl-10 {
row-gap: var(--units-500) !important;
}
.text-xl-left {
text-align: start !important;
}
.text-xl-right {
text-align: end !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.float-xxl-left {
float: left !important;
}
.float-xxl-right {
float: right !important;
}
.float-xxl-none {
float: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
.order-xxl-first {
order: -1 !important;
}
.order-xxl-0 {
order: 0 !important;
}
.order-xxl-1 {
order: 1 !important;
}
.order-xxl-2 {
order: 2 !important;
}
.order-xxl-3 {
order: 3 !important;
}
.order-xxl-4 {
order: 4 !important;
}
.order-xxl-5 {
order: 5 !important;
}
.order-xxl-last {
order: 6 !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: var(--units-25) !important;
}
.m-xxl-2 {
margin: var(--units-50) !important;
}
.m-xxl-3 {
margin: var(--units-75) !important;
}
.m-xxl-4 {
margin: var(--units-100) !important;
}
.m-xxl-5 {
margin: var(--units-150) !important;
}
.m-xxl-6 {
margin: var(--units-200) !important;
}
.m-xxl-7 {
margin: var(--units-250) !important;
}
.m-xxl-8 {
margin: var(--units-300) !important;
}
.m-xxl-9 {
margin: var(--units-400) !important;
}
.m-xxl-10 {
margin: var(--units-500) !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mx-xxl-0 {
margin-inline-end: 0 !important;
margin-inline-start: 0 !important;
}
.mx-xxl-1 {
margin-inline-end: var(--units-25) !important;
margin-inline-start: var(--units-25) !important;
}
.mx-xxl-2 {
margin-inline-end: var(--units-50) !important;
margin-inline-start: var(--units-50) !important;
}
.mx-xxl-3 {
margin-inline-end: var(--units-75) !important;
margin-inline-start: var(--units-75) !important;
}
.mx-xxl-4 {
margin-inline-end: var(--units-100) !important;
margin-inline-start: var(--units-100) !important;
}
.mx-xxl-5 {
margin-inline-end: var(--units-150) !important;
margin-inline-start: var(--units-150) !important;
}
.mx-xxl-6 {
margin-inline-end: var(--units-200) !important;
margin-inline-start: var(--units-200) !important;
}
.mx-xxl-7 {
margin-inline-end: var(--units-250) !important;
margin-inline-start: var(--units-250) !important;
}
.mx-xxl-8 {
margin-inline-end: var(--units-300) !important;
margin-inline-start: var(--units-300) !important;
}
.mx-xxl-9 {
margin-inline-end: var(--units-400) !important;
margin-inline-start: var(--units-400) !important;
}
.mx-xxl-10 {
margin-inline-end: var(--units-500) !important;
margin-inline-start: var(--units-500) !important;
}
.mx-xxl-auto {
margin-inline-end: auto !important;
margin-inline-start: auto !important;
}
.my-xxl-0 {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
}
.my-xxl-1 {
margin-block-start: var(--units-25) !important;
margin-block-end: var(--units-25) !important;
}
.my-xxl-2 {
margin-block-start: var(--units-50) !important;
margin-block-end: var(--units-50) !important;
}
.my-xxl-3 {
margin-block-start: var(--units-75) !important;
margin-block-end: var(--units-75) !important;
}
.my-xxl-4 {
margin-block-start: var(--units-100) !important;
margin-block-end: var(--units-100) !important;
}
.my-xxl-5 {
margin-block-start: var(--units-150) !important;
margin-block-end: var(--units-150) !important;
}
.my-xxl-6 {
margin-block-start: var(--units-200) !important;
margin-block-end: var(--units-200) !important;
}
.my-xxl-7 {
margin-block-start: var(--units-250) !important;
margin-block-end: var(--units-250) !important;
}
.my-xxl-8 {
margin-block-start: var(--units-300) !important;
margin-block-end: var(--units-300) !important;
}
.my-xxl-9 {
margin-block-start: var(--units-400) !important;
margin-block-end: var(--units-400) !important;
}
.my-xxl-10 {
margin-block-start: var(--units-500) !important;
margin-block-end: var(--units-500) !important;
}
.my-xxl-auto {
margin-block-start: auto !important;
margin-block-end: auto !important;
}
.mt-xxl-0 {
margin-block-start: 0 !important;
}
.mt-xxl-1 {
margin-block-start: var(--units-25) !important;
}
.mt-xxl-2 {
margin-block-start: var(--units-50) !important;
}
.mt-xxl-3 {
margin-block-start: var(--units-75) !important;
}
.mt-xxl-4 {
margin-block-start: var(--units-100) !important;
}
.mt-xxl-5 {
margin-block-start: var(--units-150) !important;
}
.mt-xxl-6 {
margin-block-start: var(--units-200) !important;
}
.mt-xxl-7 {
margin-block-start: var(--units-250) !important;
}
.mt-xxl-8 {
margin-block-start: var(--units-300) !important;
}
.mt-xxl-9 {
margin-block-start: var(--units-400) !important;
}
.mt-xxl-10 {
margin-block-start: var(--units-500) !important;
}
.mt-xxl-auto {
margin-block-start: auto !important;
}
.mr-xxl-0 {
margin-inline-end: 0 !important;
}
.mr-xxl-1 {
margin-inline-end: var(--units-25) !important;
}
.mr-xxl-2 {
margin-inline-end: var(--units-50) !important;
}
.mr-xxl-3 {
margin-inline-end: var(--units-75) !important;
}
.mr-xxl-4 {
margin-inline-end: var(--units-100) !important;
}
.mr-xxl-5 {
margin-inline-end: var(--units-150) !important;
}
.mr-xxl-6 {
margin-inline-end: var(--units-200) !important;
}
.mr-xxl-7 {
margin-inline-end: var(--units-250) !important;
}
.mr-xxl-8 {
margin-inline-end: var(--units-300) !important;
}
.mr-xxl-9 {
margin-inline-end: var(--units-400) !important;
}
.mr-xxl-10 {
margin-inline-end: var(--units-500) !important;
}
.mr-xxl-auto {
margin-inline-end: auto !important;
}
.mb-xxl-0 {
margin-block-end: 0 !important;
}
.mb-xxl-1 {
margin-block-end: var(--units-25) !important;
}
.mb-xxl-2 {
margin-block-end: var(--units-50) !important;
}
.mb-xxl-3 {
margin-block-end: var(--units-75) !important;
}
.mb-xxl-4 {
margin-block-end: var(--units-100) !important;
}
.mb-xxl-5 {
margin-block-end: var(--units-150) !important;
}
.mb-xxl-6 {
margin-block-end: var(--units-200) !important;
}
.mb-xxl-7 {
margin-block-end: var(--units-250) !important;
}
.mb-xxl-8 {
margin-block-end: var(--units-300) !important;
}
.mb-xxl-9 {
margin-block-end: var(--units-400) !important;
}
.mb-xxl-10 {
margin-block-end: var(--units-500) !important;
}
.mb-xxl-auto {
margin-block-end: auto !important;
}
.ml-xxl-0 {
margin-inline-start: 0 !important;
}
.ml-xxl-1 {
margin-inline-start: var(--units-25) !important;
}
.ml-xxl-2 {
margin-inline-start: var(--units-50) !important;
}
.ml-xxl-3 {
margin-inline-start: var(--units-75) !important;
}
.ml-xxl-4 {
margin-inline-start: var(--units-100) !important;
}
.ml-xxl-5 {
margin-inline-start: var(--units-150) !important;
}
.ml-xxl-6 {
margin-inline-start: var(--units-200) !important;
}
.ml-xxl-7 {
margin-inline-start: var(--units-250) !important;
}
.ml-xxl-8 {
margin-inline-start: var(--units-300) !important;
}
.ml-xxl-9 {
margin-inline-start: var(--units-400) !important;
}
.ml-xxl-10 {
margin-inline-start: var(--units-500) !important;
}
.ml-xxl-auto {
margin-inline-start: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: var(--units-25) !important;
}
.p-xxl-2 {
padding: var(--units-50) !important;
}
.p-xxl-3 {
padding: var(--units-75) !important;
}
.p-xxl-4 {
padding: var(--units-100) !important;
}
.p-xxl-5 {
padding: var(--units-150) !important;
}
.p-xxl-6 {
padding: var(--units-200) !important;
}
.p-xxl-7 {
padding: var(--units-250) !important;
}
.p-xxl-8 {
padding: var(--units-300) !important;
}
.p-xxl-9 {
padding: var(--units-400) !important;
}
.p-xxl-10 {
padding: var(--units-500) !important;
}
.px-xxl-0 {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
.px-xxl-1 {
padding-inline-end: var(--units-25) !important;
padding-inline-start: var(--units-25) !important;
}
.px-xxl-2 {
padding-inline-end: var(--units-50) !important;
padding-inline-start: var(--units-50) !important;
}
.px-xxl-3 {
padding-inline-end: var(--units-75) !important;
padding-inline-start: var(--units-75) !important;
}
.px-xxl-4 {
padding-inline-end: var(--units-100) !important;
padding-inline-start: var(--units-100) !important;
}
.px-xxl-5 {
padding-inline-end: var(--units-150) !important;
padding-inline-start: var(--units-150) !important;
}
.px-xxl-6 {
padding-inline-end: var(--units-200) !important;
padding-inline-start: var(--units-200) !important;
}
.px-xxl-7 {
padding-inline-end: var(--units-250) !important;
padding-inline-start: var(--units-250) !important;
}
.px-xxl-8 {
padding-inline-end: var(--units-300) !important;
padding-inline-start: var(--units-300) !important;
}
.px-xxl-9 {
padding-inline-end: var(--units-400) !important;
padding-inline-start: var(--units-400) !important;
}
.px-xxl-10 {
padding-inline-end: var(--units-500) !important;
padding-inline-start: var(--units-500) !important;
}
.py-xxl-0 {
padding-block-start: 0 !important;
padding-block: 0 !important;
}
.py-xxl-1 {
padding-block-start: var(--units-25) !important;
padding-block: var(--units-25) !important;
}
.py-xxl-2 {
padding-block-start: var(--units-50) !important;
padding-block: var(--units-50) !important;
}
.py-xxl-3 {
padding-block-start: var(--units-75) !important;
padding-block: var(--units-75) !important;
}
.py-xxl-4 {
padding-block-start: var(--units-100) !important;
padding-block: var(--units-100) !important;
}
.py-xxl-5 {
padding-block-start: var(--units-150) !important;
padding-block: var(--units-150) !important;
}
.py-xxl-6 {
padding-block-start: var(--units-200) !important;
padding-block: var(--units-200) !important;
}
.py-xxl-7 {
padding-block-start: var(--units-250) !important;
padding-block: var(--units-250) !important;
}
.py-xxl-8 {
padding-block-start: var(--units-300) !important;
padding-block: var(--units-300) !important;
}
.py-xxl-9 {
padding-block-start: var(--units-400) !important;
padding-block: var(--units-400) !important;
}
.py-xxl-10 {
padding-block-start: var(--units-500) !important;
padding-block: var(--units-500) !important;
}
.pt-xxl-0 {
padding-block-start: 0 !important;
}
.pt-xxl-1 {
padding-block-start: var(--units-25) !important;
}
.pt-xxl-2 {
padding-block-start: var(--units-50) !important;
}
.pt-xxl-3 {
padding-block-start: var(--units-75) !important;
}
.pt-xxl-4 {
padding-block-start: var(--units-100) !important;
}
.pt-xxl-5 {
padding-block-start: var(--units-150) !important;
}
.pt-xxl-6 {
padding-block-start: var(--units-200) !important;
}
.pt-xxl-7 {
padding-block-start: var(--units-250) !important;
}
.pt-xxl-8 {
padding-block-start: var(--units-300) !important;
}
.pt-xxl-9 {
padding-block-start: var(--units-400) !important;
}
.pt-xxl-10 {
padding-block-start: var(--units-500) !important;
}
.pr-xxl-0 {
padding-inline-end: 0 !important;
}
.pr-xxl-1 {
padding-inline-end: var(--units-25) !important;
}
.pr-xxl-2 {
padding-inline-end: var(--units-50) !important;
}
.pr-xxl-3 {
padding-inline-end: var(--units-75) !important;
}
.pr-xxl-4 {
padding-inline-end: var(--units-100) !important;
}
.pr-xxl-5 {
padding-inline-end: var(--units-150) !important;
}
.pr-xxl-6 {
padding-inline-end: var(--units-200) !important;
}
.pr-xxl-7 {
padding-inline-end: var(--units-250) !important;
}
.pr-xxl-8 {
padding-inline-end: var(--units-300) !important;
}
.pr-xxl-9 {
padding-inline-end: var(--units-400) !important;
}
.pr-xxl-10 {
padding-inline-end: var(--units-500) !important;
}
.pb-xxl-0 {
padding-block-end: 0 !important;
}
.pb-xxl-1 {
padding-block-end: var(--units-25) !important;
}
.pb-xxl-2 {
padding-block-end: var(--units-50) !important;
}
.pb-xxl-3 {
padding-block-end: var(--units-75) !important;
}
.pb-xxl-4 {
padding-block-end: var(--units-100) !important;
}
.pb-xxl-5 {
padding-block-end: var(--units-150) !important;
}
.pb-xxl-6 {
padding-block-end: var(--units-200) !important;
}
.pb-xxl-7 {
padding-block-end: var(--units-250) !important;
}
.pb-xxl-8 {
padding-block-end: var(--units-300) !important;
}
.pb-xxl-9 {
padding-block-end: var(--units-400) !important;
}
.pb-xxl-10 {
padding-block-end: var(--units-500) !important;
}
.pl-xxl-0 {
padding-inline-start: 0 !important;
}
.pl-xxl-1 {
padding-inline-start: var(--units-25) !important;
}
.pl-xxl-2 {
padding-inline-start: var(--units-50) !important;
}
.pl-xxl-3 {
padding-inline-start: var(--units-75) !important;
}
.pl-xxl-4 {
padding-inline-start: var(--units-100) !important;
}
.pl-xxl-5 {
padding-inline-start: var(--units-150) !important;
}
.pl-xxl-6 {
padding-inline-start: var(--units-200) !important;
}
.pl-xxl-7 {
padding-inline-start: var(--units-250) !important;
}
.pl-xxl-8 {
padding-inline-start: var(--units-300) !important;
}
.pl-xxl-9 {
padding-inline-start: var(--units-400) !important;
}
.pl-xxl-10 {
padding-inline-start: var(--units-500) !important;
}
.gap-xxl-0 {
gap: 0 !important;
}
.gap-xxl-1 {
gap: var(--units-25) !important;
}
.gap-xxl-2 {
gap: var(--units-50) !important;
}
.gap-xxl-3 {
gap: var(--units-75) !important;
}
.gap-xxl-4 {
gap: var(--units-100) !important;
}
.gap-xxl-5 {
gap: var(--units-150) !important;
}
.gap-xxl-6 {
gap: var(--units-200) !important;
}
.gap-xxl-7 {
gap: var(--units-250) !important;
}
.gap-xxl-8 {
gap: var(--units-300) !important;
}
.gap-xxl-9 {
gap: var(--units-400) !important;
}
.gap-xxl-10 {
gap: var(--units-500) !important;
}
.gap-x-xxl-0 {
column-gap: 0 !important;
}
.gap-x-xxl-1 {
column-gap: var(--units-25) !important;
}
.gap-x-xxl-2 {
column-gap: var(--units-50) !important;
}
.gap-x-xxl-3 {
column-gap: var(--units-75) !important;
}
.gap-x-xxl-4 {
column-gap: var(--units-100) !important;
}
.gap-x-xxl-5 {
column-gap: var(--units-150) !important;
}
.gap-x-xxl-6 {
column-gap: var(--units-200) !important;
}
.gap-x-xxl-7 {
column-gap: var(--units-250) !important;
}
.gap-x-xxl-8 {
column-gap: var(--units-300) !important;
}
.gap-x-xxl-9 {
column-gap: var(--units-400) !important;
}
.gap-x-xxl-10 {
column-gap: var(--units-500) !important;
}
.gap-y-xxl-0 {
row-gap: 0 !important;
}
.gap-y-xxl-1 {
row-gap: var(--units-25) !important;
}
.gap-y-xxl-2 {
row-gap: var(--units-50) !important;
}
.gap-y-xxl-3 {
row-gap: var(--units-75) !important;
}
.gap-y-xxl-4 {
row-gap: var(--units-100) !important;
}
.gap-y-xxl-5 {
row-gap: var(--units-150) !important;
}
.gap-y-xxl-6 {
row-gap: var(--units-200) !important;
}
.gap-y-xxl-7 {
row-gap: var(--units-250) !important;
}
.gap-y-xxl-8 {
row-gap: var(--units-300) !important;
}
.gap-y-xxl-9 {
row-gap: var(--units-400) !important;
}
.gap-y-xxl-10 {
row-gap: var(--units-500) !important;
}
.text-xxl-left {
text-align: start !important;
}
.text-xxl-right {
text-align: end !important;
}
.text-xxl-center {
text-align: center !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
}