@charset "UTF-8"; /*--------------------------------------- Theme Name: Localhost - Web Hosting Template with WHMCS + RTL Theme URI: https://pixellyo.com/localhost Description: Hosting Template Author Name: Bplugins Author URI: https://themeforest.net/user/bplugins Version: 1.0 ----------------------------------------- Table of contents ----------------------------------------- 1. Global Style 2. Components Style 3. Sections Style 4. Utilities Style ---------------------------------------*/ /* Accordion Style */ :root { --h1: clamp(2.7rem, 3.789vw + 1rem, 4.5rem); --h2: clamp(2.4rem, 3.368vw + 1rem, 4rem); --h3: clamp(1.8rem, 2.526vw + 1rem, 3rem); --h4: clamp(1.35rem, 1.894vw + 1rem, 2.25rem); --h5: clamp(1.05rem, 1.473vw + 1rem, 1.75rem); --h6: clamp(1rem, 1.263vw + 1rem, 1.5rem); --p: clamp(0.875rem, 0.842vw + 0.875rem, 1rem); } /* Normalize */ html { font-size: 100%; scroll-behavior: smooth; } body { position: relative; font-family: var(--ff-1); font-size: var(--p); font-weight: 400; line-height: 1.5; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } form { margin: 0; } p { margin: 0 0 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { margin: 0 0 1rem; font-family: var(--ff-1); font-weight: 700; line-height: 1.2; } h1, .h1 { font-size: var(--h1); } h2, .h2 { font-size: var(--h2); } h3, .h3 { font-size: var(--h3); } h4, .h4 { font-size: var(--h4); } h5, .h5 { font-size: var(--h5); } h6, .h6 { font-size: var(--h6); } .fs-10 { font-size: 0.625rem; } .fs-12 { font-size: 0.75rem; line-height: 1.334; } small, .fs-14 { font-size: 0.875rem; line-height: 1.715; } .fs-16 { font-size: 1rem; } .fs-18 { font-size: 1.125rem; line-height: 1.334; } .fs-20 { font-size: 1.25rem; } .fs-24 { font-size: 1.5rem; } .fs-28 { font-size: 1.75rem; } .fs-32 { font-size: 2rem; } .fs-36 { font-size: 2.25rem; } .fs-40 { font-size: 2.5rem; } .fs-44 { font-size: 2.75rem; } .fs-48 { font-size: 3rem; } .fs-52 { font-size: 3.25rem; } .fs-56 { font-size: 3.5rem; } .fs-60 { font-size: 3.75rem; } .fs-10vw { font-size: clamp(4rem, 10vw + 1rem, 12rem); } .fs-20vw { font-size: clamp(8rem, 20vw + 1rem, 23.75rem); } .fs-30vw { font-size: clamp(14rem, 30vw + 1rem, 35.625rem); } .max-text-3 { max-width: 12ch; } .max-text-4 { max-width: 16ch; } .max-text-5 { max-width: 20ch; } .max-text-6 { max-width: 24ch; } .max-text-7 { max-width: 28ch; } .max-text-8 { max-width: 32ch; } .max-text-9 { max-width: 36ch; } .max-text-10 { max-width: 40ch; } .max-text-11 { max-width: 44ch; } .max-text-12 { max-width: 48ch; } .max-text-13 { max-width: 52ch; } .max-text-14 { max-width: 56ch; } .max-text-15 { max-width: 60ch; } .max-text-16 { max-width: 64ch; } .max-text-17 { max-width: 68ch; } .max-text-18 { max-width: 72ch; } .max-text-19 { max-width: 76ch; } .max-text-20 { max-width: 80ch; } .max-text-21 { max-width: 84ch; } .max-text-22 { max-width: 88ch; } .max-text-23 { max-width: 92ch; } .max-text-24 { max-width: 96ch; } .max-text-25 { max-width: 100ch; } .max-text-26 { max-width: 104ch; } .max-text-27 { max-width: 108ch; } .max-text-28 { max-width: 112ch; } .max-text-29 { max-width: 116ch; } .max-text-30 { max-width: 120ch; } .fw-800 { font-weight: 800; } .fw-900 { font-weight: 900; } .lh-1\/2 { line-height: 1.2; } .lh-1\/3 { line-height: 1.334; } .lh-1\/5 { line-height: 1.5; } .lh-1\/7 { line-height: 1.715; } .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 0.75rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); } .accordion-rounded-0 { --bs-accordion-border-radius: 0; --bs-accordion-inner-border-radius: 0; } .accordion--primary { --bs-accordion-active-color: rgba(var(--bs-white-rgb), 1); --bs-accordion-active-bg: rgba(var(--bs-primary-rgb), 1); } .accordion--secondary { --bs-accordion-active-color: rgba(var(--bs-dark-rgb), 1); --bs-accordion-active-bg: rgba(var(--bs-secondary-rgb), 1); } .accordion--secondary-subtle { --bs-accordion-active-color: var(--bs-secondary-text-emphasis); --bs-accordion-active-bg: var(--bs-secondary-bg-subtle); } .accordion--success { --bs-accordion-active-color: rgba(var(--bs-white-rgb), 1); --bs-accordion-active-bg: rgba(var(--bs-success-rgb), 1); } .accordion--success-subtle { --bs-accordion-active-color: var(--bs-success-text-emphasis); --bs-accordion-active-bg: var(--bs-success-bg-subtle); } .accordion--danger { --bs-accordion-active-color: rgba(var(--bs-white-rgb), 1); --bs-accordion-active-bg: rgba(var(--bs-danger-rgb), 1); } .accordion--danger-subtle { --bs-accordion-active-color: var(--bs-danger-text-emphasis); --bs-accordion-active-bg: var(--bs-danger-bg-subtle); } .accordion--warning { --bs-accordion-active-color: rgba(var(--bs-white-rgb), 1); --bs-accordion-active-bg: rgba(var(--bs-warning-rgb), 1); } .accordion--warning-subtle { --bs-accordion-active-color: var(--bs-warning-text-emphasis); --bs-accordion-active-bg: var(--bs-warning-bg-subtle); } .accordion--info { --bs-accordion-active-color: rgba(var(--bs-white-rgb), 1); --bs-accordion-active-bg: rgba(var(--bs-info-rgb), 1); } .accordion--info-subtle { --bs-accordion-active-color: var(--bs-info-text-emphasis); --bs-accordion-active-bg: var(--bs-info-bg-subtle); } .accordion--dark { --bs-accordion-active-color: rgba(var(--bs-white-rgb), 1); --bs-accordion-active-bg: rgba(var(--bs-dark-rgb), 1); } .accordion--dark-subtle { --bs-accordion-active-color: var(--bs-dark-text-emphasis); --bs-accordion-active-bg: var(--bs-dark-bg-subtle); } .accordion--light { --bs-accordion-active-color: rgba(var(--bs-dark-rgb), 1); --bs-accordion-active-bg: rgba(var(--bs-light-rgb), 1); } .accordion--light-subtle { --bs-accordion-active-color: var(--bs-light-text-emphasis); --bs-accordion-active-bg: var(--bs-light-bg-subtle); } .accordion-button:focus { box-shadow: none; } .accordion-button::after { content: "\f282"; display: inline-block; width: 1rem; height: 1rem; font-family: bootstrap-icons !important; font-style: normal; font-weight: 400 !important; font-variant: normal; text-transform: none; line-height: 1; fill: currentcolor; background-image: none; vertical-align: -0.125em; } .accordion-button:not(.collapsed)::after { background-image: none; } .accordion-separate { --bs-accordion-border-width: 0; } .accordion-separate .accordion-item+.accordion-item { margin-top: 1rem; } .accordion-separate .accordion-item { border-radius: var(--bs-accordion-inner-border-radius); } .accordion-separate .accordion-button { border-radius: var(--bs-accordion-inner-border-radius); } .accordion-separate-body { --bs-accordion-border-width: 0; --bs-accordion-bg: transparent; } .accordion-separate-body .accordion-item+.accordion-item { margin-top: 1rem; } .accordion-separate-body .accordion-item { display: flex; flex-direction: column; gap: 0.5rem; border-radius: var(--bs-accordion-inner-border-radius); } .accordion-separate-body .accordion-button { border-radius: var(--bs-accordion-inner-border-radius); } .accordion-separate-body .accordion-button[aria-expanded=false] { background-color: var(--bs-body-bg); } .accordion-separate-body .accordion-body { background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .accordion-connected { --bs-accordion-btn-color: var(--bs-heading-color); --bs-accordion-active-bg: var(--bs-primary); --bs-accordion-active-color: var(--bs-heading-color); --bs-accordion-inner-border-radius: 1.25rem; --bs-accordion-btn-icon-transform: rotate(0deg); } .accordion-connected .accordion-button { font-size: 1.25rem; flex-direction: row-reverse; justify-content: space-between; } .accordion-connected .accordion-button:not(.collapsed) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .accordion-connected .accordion-button:not(.collapsed)::after { content: "\f659"; } .accordion-connected .accordion-button::after { content: "\f64d"; display: grid; place-content: center; width: 3rem; height: 3rem; margin-inline-start: 0; margin-inline-end: auto; border: 1px solid var(--bs-dark); border-radius: 50%; filter: drop-shadow(0.25rem 0.25rem 0 var(--bs-dark)); background-color: var(--bs-accordion-btn-bg); color: var(--bs-accordion-btn-color); } .accordion-connected .accordion-button__title { display: block; width: calc(100% - 4.5rem); } .accordion-connected .accordion-body { padding-top: 0.5rem; background-color: var(--bs-primary); border-radius: 0 0 var(--bs-accordion-inner-border-radius) var(--bs-accordion-inner-border-radius); color: var(--bs-heading-color); } .accordion-connected .accordion-item+.accordion-item { margin-top: 2rem; } /* Alert Style */ .alert { --bs-alert-margin-bottom: 0; } .alert-quote { --bs-border-width: 0.25rem; --bs-alert-border-radius: 0; border: 0; border-inline-start: var(--bs-alert-border); } /* Avatar Style */ .avatar { --avatar-size: 2rem; width: var(--avatar-size); height: var(--avatar-size); display: grid; place-content: center; position: relative; border: 2px solid var(--bs-body-bg); border-radius: 50%; flex-shrink: 0; box-shadow: 0.25rem 0.25rem 0.5rem rgba(var(--bs-dark-rgb), 0.05); cursor: pointer; transition: all 0.3s ease; } .avatar-sm { --avatar-size: 1.5rem; } .avatar-md { --avatar-size: 2.5rem; } .avatar-lg { --avatar-size: 3rem; } .avatar-lg .avatar__notification { --notification-size: 0.75rem; } .avatar-xl { --avatar-size: 3.75rem; } .avatar-xl .avatar__notification { --notification-size: 0.75rem; } .avatar-xxl { --avatar-size: 4.5rem; } .avatar-xxl .avatar__notification { --notification-size: 0.75rem; } .avatar-xxxl { --avatar-size: 5rem; } .avatar-xxxl .avatar__notification { --notification-size: 1rem; } .avatar__img { width: 100%; aspect-ratio: 1; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .avatar-group { --avatar-size: 2rem; --avatar-column-size: calc(var(--avatar-size) / 2); --avatar-end-spacing: 1rem; display: grid; grid-template-columns: repeat(5, var(--avatar-column-size)); width: 100%; padding-inline-end: var(--avatar-end-spacing); } .avatar-group .avatar { --avatar-size: 2rem; } .avatar-group .avatar:hover { z-index: 1; } .avatar-group-sm { --avatar-size: 1.5rem; --avatar-end-spacing: 0.75rem; } .avatar-group-sm .avatar { --avatar-size: 1.5rem; } .avatar-group-md { --avatar-size: 2.5rem; --avatar-end-spacing: 1.25rem; } .avatar-group-md .avatar { --avatar-size: 2.5rem; } .avatar-group-lg { --avatar-size: 3rem; --avatar-end-spacing: 1.5rem; } .avatar-group-lg .avatar { --avatar-size: 3rem; } .avatar-group-xl { --avatar-size: 3.75rem; --avatar-end-spacing: 1.75rem; } .avatar-group-xl .avatar { --avatar-size: 3.75rem; } .avatar-group-xxl { --avatar-size: 4.5rem; --avatar-end-spacing: 2.25rem; } .avatar-group-xxl .avatar { --avatar-size: 4.5rem; } .avatar-group-xxxl { --avatar-size: 5rem; --avatar-end-spacing: 2.5rem; } .avatar-group-xxxl .avatar { --avatar-size: 5rem; } .avatar__notification { --notification-size: 0.5rem; --notification-position-x: 0; --notification-position-y: 0; display: grid; place-content: center; width: var(--notification-size); height: var(--notification-size); position: absolute; bottom: var(--notification-position-y); right: var(--notification-position-x); border: 1px solid var(--bs-light); border-radius: 50%; } /* Badge Style */ .badge { --bs-badge-border-radius: 0.15rem; --bs-badge-font-weight: 500; --bs-badge-padding-x: 0.5rem; --bs-badge-padding-y: 0.25rem; display: inline-flex; align-items: center; gap: 0.25rem; text-decoration: none; line-height: 1.334; } /* Breadcrumb Style */ .breadcrumb-modifier { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 0; --bs-breadcrumb-divider-color: var(--bs-light-text-emphasis); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-light-text-emphasis); --bs-breadcrumb-divider: ""; } .breadcrumb-modifier .breadcrumb-item+.breadcrumb-item::before { display: inline-block; float: none; font-family: bootstrap-icons !important; font-style: normal; font-weight: 400 !important; font-variant: normal; text-transform: none; vertical-align: middle; } /* Button Style */ .btn { --bs-btn-padding-x: 1.25rem; --bs-btn-padding-y: 0.5rem; --bs-btn-border-radius: 0.25rem; display: inline-flex; gap: 0.5rem; flex-shrink: 0; } .btn.btn-icon { align-items: center; justify-content: center; } .btn.btn-icon:not(.btn-xsm):not(.btn-sm):not(.btn-lg) { --bs-btn-padding-x: calc(0.5rem + 1px); --bs-btn-padding-y: calc(0.5rem + 1px); --bs-btn-font-size: 1.5rem; } .btn-skew { transform: skew(-21deg); } .btn-skew>* { transform: skew(21deg); } .btn-shadow { box-shadow: 0.15625rem 0.15625rem 0 var(--bs-dark); } .btn-shadow:hover { box-shadow: 0 0 0 var(--bs-dark); } .btn-primary { --bs-btn-color: var(--bs-light); --bs-btn-bg: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-color: var(--bs-light); --bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary) 85%, black); --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary) 85%, black); --bs-btn-active-color: var(--bs-light); --bs-btn-active-bg: var(--bs-primary); --bs-btn-active-border-color: var(--bs-primary); --bs-btn-disabled-color: var(--bs-light); --bs-btn-disabled-bg: var(--bs-primary); --bs-btn-disabled-border-color: var(--bs-primary); } .btn-secondary { --bs-btn-color: var(--bs-dark); --bs-btn-bg: var(--bs-secondary); --bs-btn-border-color: var(--bs-secondary); --bs-btn-hover-color: var(--bs-dark); --bs-btn-hover-bg: color-mix(in srgb, var(--bs-secondary) 85%, black); --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-secondary) 85%, black); --bs-btn-active-color: var(--bs-dark); --bs-btn-active-bg: var(--bs-secondary); --bs-btn-active-border-color: var(--bs-secondary); --bs-btn-disabled-color: var(--bs-dark); --bs-btn-disabled-bg: var(--bs-secondary); --bs-btn-disabled-border-color: var(--bs-secondary); } .btn-success { --bs-btn-color: var(--bs-light); --bs-btn-bg: var(--bs-success); --bs-btn-border-color: var(--bs-success); --bs-btn-hover-color: var(--bs-light); --bs-btn-hover-bg: color-mix(in srgb, var(--bs-success) 85%, black); --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-success) 85%, black); --bs-btn-active-color: var(--bs-light); --bs-btn-active-bg: var(--bs-success); --bs-btn-active-border-color: var(--bs-success); --bs-btn-disabled-color: var(--bs-light); --bs-btn-disabled-bg: var(--bs-success); --bs-btn-disabled-border-color: var(--bs-success); } .btn-danger { --bs-btn-color: var(--bs-light); --bs-btn-bg: var(--bs-danger); --bs-btn-border-color: var(--bs-danger); --bs-btn-hover-color: var(--bs-light); --bs-btn-hover-bg: color-mix(in srgb, var(--bs-danger) 85%, black); --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-danger) 85%, black); --bs-btn-active-color: var(--bs-light); --bs-btn-active-bg: var(--bs-danger); --bs-btn-active-border-color: var(--bs-danger); --bs-btn-disabled-color: var(--bs-light); --bs-btn-disabled-bg: var(--bs-danger); --bs-btn-disabled-border-color: var(--bs-danger); } .btn-info { --bs-btn-color: var(--bs-light); --bs-btn-bg: var(--bs-info); --bs-btn-border-color: var(--bs-info); --bs-btn-hover-color: var(--bs-light); --bs-btn-hover-bg: color-mix(in srgb, var(--bs-info) 85%, black); --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-info) 85%, black); --bs-btn-active-color: var(--bs-light); --bs-btn-active-bg: var(--bs-info); --bs-btn-active-border-color: var(--bs-info); --bs-btn-disabled-color: var(--bs-light); --bs-btn-disabled-bg: var(--bs-info); --bs-btn-disabled-border-color: var(--bs-info); } .btn-light { --bs-btn-color: var(--bs-dark); --bs-btn-bg: var(--bs-light); --bs-btn-border-color: var(--bs-light); --bs-btn-hover-color: var(--bs-dark); --bs-btn-hover-bg: color-mix(in srgb, var(--bs-light) 85%, black); --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-light) 85%, black); --bs-btn-active-color: var(--bs-dark); --bs-btn-active-bg: var(--bs-light); --bs-btn-active-border-color: var(--bs-light); --bs-btn-disabled-color: var(--bs-dark); --bs-btn-disabled-bg: var(--bs-light); --bs-btn-disabled-border-color: var(--bs-light); } .btn-dark { --bs-btn-color: var(--bs-light); --bs-btn-bg: var(--bs-dark); --bs-btn-border-color: var(--bs-dark); --bs-btn-hover-color: var(--bs-light); --bs-btn-hover-bg: color-mix(in srgb, var(--bs-dark) 85%, black); --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-dark) 85%, black); --bs-btn-active-color: var(--bs-light); --bs-btn-active-bg: var(--bs-dark); --bs-btn-active-border-color: var(--bs-dark); --bs-btn-disabled-color: var(--bs-light); --bs-btn-disabled-bg: var(--bs-dark); --bs-btn-disabled-border-color: var(--bs-dark); } .btn-xsm { --bs-btn-padding-x: 0.5rem; --bs-btn-padding-y: 0.25rem; --bs-btn-border-radius: 0.25rem; --bs-btn-font-size: 0.75rem; line-height: 1.167; } .btn-xsm.btn-icon { --bs-btn-padding-x: calc(0.25rem + 1px); --bs-btn-padding-y: calc(0.25rem + 1px); align-items: center; justify-content: center; } .btn-sm { --bs-btn-padding-x: 1rem; --bs-btn-padding-y: 0.25rem; --bs-btn-border-radius: 0.25rem; line-height: 1.715; } .btn-sm.btn-icon { --bs-btn-padding-x: 0.5rem; --bs-btn-padding-y: 0.5rem; align-items: center; justify-content: center; } .btn-lg { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-border-radius: 0.25rem; } .btn-lg.btn-icon { --bs-btn-padding-x: calc(0.5rem + 1px); --bs-btn-padding-y: calc(0.5rem + 1px); --bs-btn-font-size: 1.75rem; align-items: center; justify-content: center; } .btn-primary-subtle { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-primary-text-emphasis); --bs-btn-bg: var(--bs-primary-bg-subtle); --bs-btn-border-color: var(--bs-primary-border-subtle); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-primary-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-color: var(--bs-white); --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 1); } .btn-secondary-subtle { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-secondary-text-emphasis); --bs-btn-bg: var(--bs-secondary-bg-subtle); --bs-btn-border-color: var(--bs-secondary-border-subtle); --bs-btn-hover-color: rgba(var(--bs-dark-rgb), 1); --bs-btn-hover-bg: rgba(var(--bs-secondary-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-secondary-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb); --bs-btn-active-color: var(--bs-white); --bs-btn-active-bg: rgba(var(--bs-secondary-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-secondary-rgb), 1); } .btn-success-subtle { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-success-text-emphasis); --bs-btn-bg: var(--bs-success-bg-subtle); --bs-btn-border-color: var(--bs-success-border-subtle); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: rgba(var(--bs-success-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-success-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-success-rgb); --bs-btn-active-color: var(--bs-white); --bs-btn-active-bg: rgba(var(--bs-success-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-success-rgb), 1); } .btn-danger-subtle { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-danger-text-emphasis); --bs-btn-bg: var(--bs-danger-bg-subtle); --bs-btn-border-color: var(--bs-danger-border-subtle); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: rgba(var(--bs-danger-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-danger-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb); --bs-btn-active-color: var(--bs-white); --bs-btn-active-bg: rgba(var(--bs-danger-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-danger-rgb), 1); } .btn-warning-subtle { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-warning-text-emphasis); --bs-btn-bg: var(--bs-warning-bg-subtle); --bs-btn-border-color: var(--bs-warning-border-subtle); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: rgba(var(--bs-warning-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-warning-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb); --bs-btn-active-color: var(--bs-white); --bs-btn-active-bg: rgba(var(--bs-warning-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-warning-rgb), 1); } .btn-info-subtle { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-info-text-emphasis); --bs-btn-bg: var(--bs-info-bg-subtle); --bs-btn-border-color: var(--bs-info-border-subtle); --bs-btn-hover-color: var(--bs-black); --bs-btn-hover-bg: rgba(var(--bs-info-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-info-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-info-rgb); --bs-btn-active-color: var(--bs-black); --bs-btn-active-bg: rgba(var(--bs-info-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-info-rgb), 1); } .btn-light-subtle { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-light-text-emphasis); --bs-btn-bg: var(--bs-light-bg-subtle); --bs-btn-border-color: var(--bs-light-border-subtle); --bs-btn-hover-color: var(--bs-dark); --bs-btn-hover-bg: rgba(var(--bs-light-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-light-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-light-rgb); --bs-btn-active-color: var(--bs-dark); --bs-btn-active-bg: rgba(var(--bs-light-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-light-rgb), 1); } .btn-dark-subtle { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-dark-text-emphasis); --bs-btn-bg: var(--bs-dark-bg-subtle); --bs-btn-border-color: var(--bs-dark-border-subtle); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: rgba(var(--bs-dark-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-dark-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb); --bs-btn-active-color: var(--bs-white); --bs-btn-active-bg: rgba(var(--bs-dark-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-dark-rgb), 1); } .btn-primary-emphasis { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-primary-bg-subtle); --bs-btn-bg: var(--bs-primary-text-emphasis); --bs-btn-border-color: var(--bs-primary-text-emphasis); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-primary-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-color: var(--bs-white); --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 1); } .btn-secondary-emphasis { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-secondary-bg-subtle); --bs-btn-bg: var(--bs-secondary-text-emphasis); --bs-btn-border-color: var(--bs-secondary-text-emphasis); --bs-btn-hover-color: rgba(var(--bs-dark-rgb), 1); --bs-btn-hover-bg: rgba(var(--bs-secondary-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-secondary-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb); --bs-btn-active-color: var(--bs-white); --bs-btn-active-bg: rgba(var(--bs-secondary-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-secondary-rgb), 1); } .btn-success-emphasis { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-success-bg-subtle); --bs-btn-bg: var(--bs-success-text-emphasis); --bs-btn-border-color: var(--bs-success-text-emphasis); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: rgba(var(--bs-success-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-success-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-success-rgb); --bs-btn-active-color: var(--bs-white); --bs-btn-active-bg: rgba(var(--bs-success-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-success-rgb), 1); } .btn-danger-emphasis { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-danger-bg-subtle); --bs-btn-bg: var(--bs-danger-text-emphasis); --bs-btn-border-color: var(--bs-danger-text-emphasis); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: rgba(var(--bs-danger-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-danger-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb); --bs-btn-active-color: var(--bs-white); --bs-btn-active-bg: rgba(var(--bs-danger-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-danger-rgb), 1); } .btn-warning-emphasis { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-warning-bg-subtle); --bs-btn-bg: var(--bs-warning-text-emphasis); --bs-btn-border-color: var(--bs-warning-text-emphasis); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: rgba(var(--bs-warning-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-warning-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb); --bs-btn-active-color: var(--bs-white); --bs-btn-active-bg: rgba(var(--bs-warning-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-warning-rgb), 1); } .btn-info-emphasis { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-info-bg-subtle); --bs-btn-bg: var(--bs-info-text-emphasis); --bs-btn-border-color: var(--bs-info-text-emphasis); --bs-btn-hover-color: var(--bs-black); --bs-btn-hover-bg: rgba(var(--bs-info-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-info-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-info-rgb); --bs-btn-active-color: var(--bs-black); --bs-btn-active-bg: rgba(var(--bs-info-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-info-rgb), 1); } .btn-light-emphasis { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-light-bg-subtle); --bs-btn-bg: var(--bs-light-text-emphasis); --bs-btn-border-color: var(--bs-light-text-emphasis); --bs-btn-hover-color: var(--bs-dark); --bs-btn-hover-bg: rgba(var(--bs-light-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-light-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-light-rgb); --bs-btn-active-color: var(--bs-dark); --bs-btn-active-bg: rgba(var(--bs-light-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-light-rgb), 1); } .btn-dark-emphasis { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-dark-bg-subtle); --bs-btn-bg: var(--bs-dark-text-emphasis); --bs-btn-border-color: var(--bs-dark-text-emphasis); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: rgba(var(--bs-dark-rgb), 1); --bs-btn-hover-border-color: rgba(var(--bs-dark-rgb), 1); --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb); --bs-btn-active-color: var(--bs-white); --bs-btn-active-bg: rgba(var(--bs-dark-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-dark-rgb), 1); } .btn-outline-primary { --bs-btn-hover-color: var(--bs-primary-text-emphasis); --bs-btn-hover-bg: var(--bs-primary-bg-subtle); --bs-btn-hover-border-color: var(--bs-primary-border-subtle); --bs-btn-active-color: var(--bs-primary-text-emphasis); --bs-btn-active-bg: var(--bs-primary-bg-subtle); --bs-btn-active-border-color: var(--bs-primary-border-subtle); } .btn-outline-secondary { --bs-btn-hover-color: var(--bs-secondary-text-emphasis); --bs-btn-hover-bg: var(--bs-secondary-bg-subtle); --bs-btn-hover-border-color: var(--bs-secondary-border-subtle); --bs-btn-active-color: var(--bs-secondary-text-emphasis); --bs-btn-active-bg: var(--bs-secondary-bg-subtle); --bs-btn-active-border-color: var(--bs-secondary-border-subtle); } .btn-outline-success { --bs-btn-hover-color: var(--bs-success-text-emphasis); --bs-btn-hover-bg: var(--bs-success-bg-subtle); --bs-btn-hover-border-color: var(--bs-success-border-subtle); --bs-btn-active-color: var(--bs-success-text-emphasis); --bs-btn-active-bg: var(--bs-success-bg-subtle); --bs-btn-active-border-color: var(--bs-success-border-subtle); } .btn-outline-danger { --bs-btn-hover-color: var(--bs-danger-text-emphasis); --bs-btn-hover-bg: var(--bs-danger-bg-subtle); --bs-btn-hover-border-color: var(--bs-danger-border-subtle); --bs-btn-active-color: var(--bs-danger-text-emphasis); --bs-btn-active-bg: var(--bs-danger-bg-subtle); --bs-btn-active-border-color: var(--bs-danger-border-subtle); } .btn-outline-warning { --bs-btn-hover-color: var(--bs-warning-text-emphasis); --bs-btn-hover-bg: var(--bs-warning-bg-subtle); --bs-btn-hover-border-color: var(--bs-warning-border-subtle); --bs-btn-active-color: var(--bs-warning-text-emphasis); --bs-btn-active-bg: var(--bs-warning-bg-subtle); --bs-btn-active-border-color: var(--bs-warning-border-subtle); } .btn-outline-info { --bs-btn-hover-color: var(--bs-info-text-emphasis); --bs-btn-hover-bg: var(--bs-info-bg-subtle); --bs-btn-hover-border-color: var(--bs-info-border-subtle); --bs-btn-active-color: var(--bs-info-text-emphasis); --bs-btn-active-bg: var(--bs-info-bg-subtle); --bs-btn-active-border-color: var(--bs-info-border-subtle); } .btn-outline-light { --bs-btn-hover-color: var(--bs-light-text-emphasis); --bs-btn-hover-bg: var(--bs-light-bg-subtle); --bs-btn-hover-border-color: var(--bs-light-border-subtle); --bs-btn-active-color: var(--bs-light-text-emphasis); --bs-btn-active-bg: var(--bs-light-bg-subtle); --bs-btn-active-border-color: var(--bs-light-border-subtle); } .btn-outline-dark { --bs-btn-hover-color: var(--bs-dark-text-emphasis); --bs-btn-hover-bg: var(--bs-dark-bg-subtle); --bs-btn-hover-border-color: var(--bs-dark-border-subtle); --bs-btn-active-color: var(--bs-dark-text-emphasis); --bs-btn-active-bg: var(--bs-dark-bg-subtle); --bs-btn-active-border-color: var(--bs-dark-border-subtle); } .btn-play { border: none; padding: 0; background-color: transparent; } .btn-play::after { content: ""; position: absolute; inset: 0; animation: pulse 1s linear infinite; background-color: var(--bs-primary); border-radius: 50%; z-index: -1; } /* Card Style */ .card { --bs-card-spacer-y: 1.5rem; --bs-card-spacer-x: 1.5rem; --bs-border-radius: 0.5rem; } /* Dropdown Style */ .dropdown-modifier.dropdown-xsm .dropdown-menu { --bs-dropdown-min-width: 5rem; } .dropdown-modifier.dropdown-sm .dropdown-menu { --bs-dropdown-min-width: 8rem; } .dropdown-modifier.dropdown-md .dropdown-menu { --bs-dropdown-min-width: 12.5rem; } .dropdown-modifier.dropdown-xl .dropdown-menu { --bs-dropdown-min-width: 17.5rem; } .dropdown-modifier__body { max-height: 15.625rem; overflow-y: auto; scrollbar-color: transparent transparent; scrollbar-width: none; } .dropdown-modifier__body::-webkit-scrollbar { width: 0; height: 0; } .dropdown-modifier__body::-webkit-scrollbar-track { background-color: transparent; } .dropdown-modifier__body::-webkit-scrollbar-thumb { background-color: transparent; } .dropdown-modifier .dropdown-menu { --bs-dropdown-padding-x: 0.25rem; --bs-dropdown-padding-y: 0.25rem; --bs-dropdown-font-size: 0.875rem; --bs-dropdown-border-radius: 0.25rem; --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-link-hover-color: var(--bs-primary-text-emphasis); --bs-dropdown-link-hover-bg: var(--bs-primary-bg-subtle); --bs-dropdown-link-active-color: var(--bs-primary-text-emphasis); --bs-dropdown-link-active-bg: var(--bs-primary-bg-subtle); --bs-dropdown-link-disabled-color: var(--bs-primary-text-emphasis); --bs-dropdown-item-padding-x: 0.75rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-padding-x: 0.75rem; --bs-dropdown-header-padding-y: 0.5rem; } .dropdown-modifier .dropdown-menu>li+li { margin-block-start: 0.25rem; } .dropdown-modifier .dropdown-item { --bs-dropdown-item-border-radius: 0.25rem; } .dropdown-modifier--secondary .dropdown-menu { --bs-dropdown-link-hover-color: var(--bs-secondary-text-emphasis); --bs-dropdown-link-hover-bg: var(--bs-secondary-bg-subtle); --bs-dropdown-link-active-color: var(--bs-secondary-text-emphasis); --bs-dropdown-link-active-bg: var(--bs-secondary-bg-subtle); --bs-dropdown-link-disabled-color: var(--bs-secondary-text-emphasis); } .dropdown-modifier--success .dropdown-menu { --bs-dropdown-link-hover-color: var(--bs-success-text-emphasis); --bs-dropdown-link-hover-bg: var(--bs-success-bg-subtle); --bs-dropdown-link-active-color: var(--bs-success-text-emphasis); --bs-dropdown-link-active-bg: var(--bs-success-bg-subtle); --bs-dropdown-link-disabled-color: var(--bs-success-text-emphasis); } .dropdown-modifier--danger .dropdown-menu { --bs-dropdown-link-hover-color: var(--bs-danger-text-emphasis); --bs-dropdown-link-hover-bg: var(--bs-danger-bg-subtle); --bs-dropdown-link-active-color: var(--bs-danger-text-emphasis); --bs-dropdown-link-active-bg: var(--bs-danger-bg-subtle); --bs-dropdown-link-disabled-color: var(--bs-danger-text-emphasis); } .dropdown-modifier--warning .dropdown-menu { --bs-dropdown-link-hover-color: var(--bs-warning-text-emphasis); --bs-dropdown-link-hover-bg: var(--bs-warning-bg-subtle); --bs-dropdown-link-active-color: var(--bs-warning-text-emphasis); --bs-dropdown-link-active-bg: var(--bs-warning-bg-subtle); --bs-dropdown-link-disabled-color: var(--bs-warning-text-emphasis); } .dropdown-modifier--info .dropdown-menu { --bs-dropdown-link-hover-color: var(--bs-info-text-emphasis); --bs-dropdown-link-hover-bg: var(--bs-info-bg-subtle); --bs-dropdown-link-active-color: var(--bs-info-text-emphasis); --bs-dropdown-link-active-bg: var(--bs-info-bg-subtle); --bs-dropdown-link-disabled-color: var(--bs-info-text-emphasis); } .dropdown-modifier--light .dropdown-menu { --bs-dropdown-link-hover-color: var(--bs-light-text-emphasis); --bs-dropdown-link-hover-bg: var(--bs-light-bg-subtle); --bs-dropdown-link-active-color: var(--bs-light-text-emphasis); --bs-dropdown-link-active-bg: var(--bs-light-bg-subtle); --bs-dropdown-link-disabled-color: var(--bs-light-text-emphasis); } .dropdown-modifier--dark .dropdown-menu { --bs-dropdown-link-hover-color: var(--bs-dark-text-emphasis); --bs-dropdown-link-hover-bg: var(--bs-dark-bg-subtle); --bs-dropdown-link-active-color: var(--bs-dark-text-emphasis); --bs-dropdown-link-active-bg: var(--bs-dark-bg-subtle); --bs-dropdown-link-disabled-color: var(--bs-dark-text-emphasis); } /* Form Check */ .form-check-modifier { display: inline-flex; gap: 0.5rem; min-height: unset; padding: 0; margin: 0; } .form-check-modifier .form-check-input { --checkbox-size: 1rem; --checkbox-radius: 2px; --checkbox-icon: ""; --bs-form-check-bg: var(--bs-body-bg); width: var(--checkbox-size); height: var(--checkbox-size); vertical-align: middle; background-color: var(--bs-body-bg); background-image: none; border: var(--bs-border-width) solid var(--bs-border-color); flex-shrink: 0; } .form-check-modifier .form-check-input:focus { box-shadow: none; } .form-check-modifier .form-check-input[type=checkbox] { border-radius: var(--checkbox-radius); float: unset; margin-left: unset; } .form-check-modifier .form-check-input[type=checkbox]:checked { position: relative; isolation: isolate; background-color: var(--bs-form-check-bg); border-color: var(--bs-border-color); } .form-check-modifier .form-check-input[type=checkbox]:checked::after { content: var(--checkbox-icon); display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: bootstrap-icons !important; font-style: normal; font-weight: 400 !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; } .form-check-modifier .form-check-input[type=checkbox]:focus { border-color: var(--bs-border-color); } .form-check-modifier .form-check-input[type=radio] { float: unset; margin-left: unset; } .form-check-modifier .form-check-input[type=radio]:checked { position: relative; isolation: isolate; background-color: var(--bs-form-check-bg); border-color: var(--bs-border-color); } .form-check-modifier .form-check-input[type=radio]:checked::after { content: ""; display: inline-block; width: 0.5rem; height: 0.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(var(--bs-body-color-rgb), 1); border-radius: 50%; } .form-check-modifier .form-check-input[type=radio]:focus { border-color: var(--bs-border-color); } .form-check-modifier.form-check--dash .form-check-input { --checkbox-icon: ""; } .form-check-modifier.form-check--primary .form-check-input { --bs-form-check-bg: rgba(var(--bs-primary-rgb), 1); } .form-check-modifier.form-check--primary .form-check-input[type=checkbox]:checked { --bs-border-color: rgba(var(--bs-primary-rgb), 1); } .form-check-modifier.form-check--primary .form-check-input[type=checkbox]:checked::after { color: rgba(var(--bs-white-rgb), 1); } .form-check-modifier.form-check--primary .form-check-input[type=radio]:checked { --bs-border-color: rgba(var(--bs-primary-rgb), 1); } .form-check-modifier.form-check--primary .form-check-input[type=radio]:checked::after { background-color: rgba(var(--bs-white-rgb), 1); } .form-check-modifier.form-check--primary-subtle .form-check-input { --bs-form-check-bg: var(--bs-primary-bg-subtle); } .form-check-modifier.form-check--primary-subtle .form-check-input[type=checkbox]:checked { --bs-border-color: var(--bs-primary-text-emphasis); } .form-check-modifier.form-check--primary-subtle .form-check-input[type=checkbox]:checked::after { color: var(--bs-primary-text-emphasis); } .form-check-modifier.form-check--primary-subtle .form-check-input[type=radio]:checked { --bs-border-color: var(--bs-primary-text-emphasis); } .form-check-modifier.form-check--primary-subtle .form-check-input[type=radio]:checked::after { background-color: var(--bs-primary-text-emphasis); } .form-check-modifier.form-check--secondary .form-check-input { --bs-form-check-bg: rgba(var(--bs-secondary-rgb), 1); } .form-check-modifier.form-check--secondary .form-check-input[type=checkbox]:checked { --bs-border-color: rgba(var(--bs-secondary-rgb), 1); } .form-check-modifier.form-check--secondary .form-check-input[type=checkbox]:checked::after { color: rgba(var(--bs-white-rgb), 1); } .form-check-modifier.form-check--secondary .form-check-input[type=radio]:checked { --bs-border-color: rgba(var(--bs-secondary-rgb), 1); } .form-check-modifier.form-check--secondary .form-check-input[type=radio]:checked::after { background-color: rgba(var(--bs-white-rgb), 1); } .form-check-modifier.form-check--secondary-subtle .form-check-input { --bs-form-check-bg: var(--bs-secondary-bg-subtle); } .form-check-modifier.form-check--secondary-subtle .form-check-input[type=checkbox]:checked { --bs-border-color: var(--bs-secondary-text-emphasis); } .form-check-modifier.form-check--secondary-subtle .form-check-input[type=checkbox]:checked::after { color: var(--bs-secondary-text-emphasis); } .form-check-modifier.form-check--secondary-subtle .form-check-input[type=radio]:checked { --bs-border-color: var(--bs-secondary-text-emphasis); } .form-check-modifier.form-check--secondary-subtle .form-check-input[type=radio]:checked::after { background-color: var(--bs-secondary-text-emphasis); } .form-check-modifier.form-check--success .form-check-input { --bs-form-check-bg: rgba(var(--bs-success-rgb), 1); } .form-check-modifier.form-check--success .form-check-input[type=checkbox]:checked { --bs-border-color: rgba(var(--bs-success-rgb), 1); } .form-check-modifier.form-check--success .form-check-input[type=checkbox]:checked::after { color: rgba(var(--bs-white-rgb), 1); } .form-check-modifier.form-check--success .form-check-input[type=radio]:checked { --bs-border-color: rgba(var(--bs-success-rgb), 1); } .form-check-modifier.form-check--success .form-check-input[type=radio]:checked::after { background-color: rgba(var(--bs-white-rgb), 1); } .form-check-modifier.form-check--success-subtle .form-check-input { --bs-form-check-bg: var(--bs-success-bg-subtle); } .form-check-modifier.form-check--success-subtle .form-check-input[type=checkbox]:checked { --bs-border-color: var(--bs-success-text-emphasis); } .form-check-modifier.form-check--success-subtle .form-check-input[type=checkbox]:checked::after { color: var(--bs-success-text-emphasis); } .form-check-modifier.form-check--success-subtle .form-check-input[type=radio]:checked { --bs-border-color: var(--bs-success-text-emphasis); } .form-check-modifier.form-check--success-subtle .form-check-input[type=radio]:checked::after { background-color: var(--bs-success-text-emphasis); } .form-check-modifier.form-check--danger .form-check-input { --bs-form-check-bg: rgba(var(--bs-danger-rgb), 1); } .form-check-modifier.form-check--danger .form-check-input[type=checkbox]:checked { --bs-border-color: rgba(var(--bs-danger-rgb), 1); } .form-check-modifier.form-check--danger .form-check-input[type=checkbox]:checked::after { color: rgba(var(--bs-white-rgb), 1); } .form-check-modifier.form-check--danger .form-check-input[type=radio]:checked { --bs-border-color: rgba(var(--bs-danger-rgb), 1); } .form-check-modifier.form-check--danger .form-check-input[type=radio]:checked::after { background-color: rgba(var(--bs-white-rgb), 1); } .form-check-modifier.form-check--danger-subtle .form-check-input { --bs-form-check-bg: var(--bs-danger-bg-subtle); } .form-check-modifier.form-check--danger-subtle .form-check-input[type=checkbox]:checked { --bs-border-color: var(--bs-danger-text-emphasis); } .form-check-modifier.form-check--danger-subtle .form-check-input[type=checkbox]:checked::after { color: var(--bs-danger-text-emphasis); } .form-check-modifier.form-check--danger-subtle .form-check-input[type=radio]:checked { --bs-border-color: var(--bs-danger-text-emphasis); } .form-check-modifier.form-check--danger-subtle .form-check-input[type=radio]:checked::after { background-color: var(--bs-danger-text-emphasis); } .form-check-modifier.form-check--warning .form-check-input { --bs-form-check-bg: rgba(var(--bs-warning-rgb), 1); } .form-check-modifier.form-check--warning .form-check-input[type=checkbox]:checked { --bs-border-color: rgba(var(--bs-warning-rgb), 1); } .form-check-modifier.form-check--warning .form-check-input[type=checkbox]:checked::after { color: rgba(var(--bs-white-rgb), 1); } .form-check-modifier.form-check--warning .form-check-input[type=radio]:checked { --bs-border-color: rgba(var(--bs-warning-rgb), 1); } .form-check-modifier.form-check--warning .form-check-input[type=radio]:checked::after { background-color: rgba(var(--bs-white-rgb), 1); } .form-check-modifier.form-check--warning-subtle .form-check-input { --bs-form-check-bg: var(--bs-warning-bg-subtle); } .form-check-modifier.form-check--warning-subtle .form-check-input[type=checkbox]:checked { --bs-border-color: var(--bs-warning-text-emphasis); } .form-check-modifier.form-check--warning-subtle .form-check-input[type=checkbox]:checked::after { color: var(--bs-warning-text-emphasis); } .form-check-modifier.form-check--warning-subtle .form-check-input[type=radio]:checked { --bs-border-color: var(--bs-warning-text-emphasis); } .form-check-modifier.form-check--warning-subtle .form-check-input[type=radio]:checked::after { background-color: var(--bs-warning-text-emphasis); } .form-check-modifier.form-check--info .form-check-input { --bs-form-check-bg: rgba(var(--bs-info-rgb), 1); } .form-check-modifier.form-check--info .form-check-input[type=checkbox]:checked { --bs-border-color: rgba(var(--bs-info-rgb), 1); } .form-check-modifier.form-check--info .form-check-input[type=checkbox]:checked::after { color: rgba(var(--bs-white-rgb), 1); } .form-check-modifier.form-check--info .form-check-input[type=radio]:checked { --bs-border-color: rgba(var(--bs-info-rgb), 1); } .form-check-modifier.form-check--info .form-check-input[type=radio]:checked::after { background-color: rgba(var(--bs-white-rgb), 1); } .form-check-modifier.form-check--info-subtle .form-check-input { --bs-form-check-bg: var(--bs-info-bg-subtle); } .form-check-modifier.form-check--info-subtle .form-check-input[type=checkbox]:checked { --bs-border-color: var(--bs-info-text-emphasis); } .form-check-modifier.form-check--info-subtle .form-check-input[type=checkbox]:checked::after { color: var(--bs-info-text-emphasis); } .form-check-modifier.form-check--info-subtle .form-check-input[type=radio]:checked { --bs-border-color: var(--bs-info-text-emphasis); } .form-check-modifier.form-check--info-subtle .form-check-input[type=radio]:checked::after { background-color: var(--bs-info-text-emphasis); } .form-check-modifier.form-check--dark .form-check-input { --bs-form-check-bg: rgba(var(--bs-dark-rgb), 1); } .form-check-modifier.form-check--dark .form-check-input[type=checkbox]:checked { --bs-border-color: rgba(var(--bs-dark-rgb), 1); } .form-check-modifier.form-check--dark .form-check-input[type=checkbox]:checked::after { color: rgba(var(--bs-white-rgb), 1); } .form-check-modifier.form-check--dark .form-check-input[type=radio]:checked { --bs-border-color: rgba(var(--bs-dark-rgb), 1); } .form-check-modifier.form-check--dark .form-check-input[type=radio]:checked::after { background-color: rgba(var(--bs-white-rgb), 1); } .form-check-modifier.form-check--dark-subtle .form-check-input { --bs-form-check-bg: var(--bs-dark-bg-subtle); } .form-check-modifier.form-check--dark-subtle .form-check-input[type=checkbox]:checked { --bs-border-color: var(--bs-dark-text-emphasis); } .form-check-modifier.form-check--dark-subtle .form-check-input[type=checkbox]:checked::after { color: var(--bs-dark-text-emphasis); } .form-check-modifier.form-check--dark-subtle .form-check-input[type=radio]:checked { --bs-border-color: var(--bs-dark-text-emphasis); } .form-check-modifier.form-check--dark-subtle .form-check-input[type=radio]:checked::after { background-color: var(--bs-dark-text-emphasis); } .form-check-modifier.form-check--light .form-check-input { --bs-form-check-bg: rgba(var(--bs-light-rgb), 1); } .form-check-modifier.form-check--light .form-check-input[type=checkbox]:checked { --bs-border-color: rgba(var(--bs-light-rgb), 1); } .form-check-modifier.form-check--light .form-check-input[type=checkbox]:checked::after { color: rgba(var(--bs-black-rgb), 1); } .form-check-modifier.form-check--light .form-check-input[type=radio]:checked { --bs-border-color: rgba(var(--bs-light-rgb), 1); } .form-check-modifier.form-check--light .form-check-input[type=radio]:checked::after { background-color: rgba(var(--bs-black-rgb), 1); } .form-check-modifier.form-check--light-subtle .form-check-input { --bs-form-check-bg: var(--bs-light-bg-subtle); } .form-check-modifier.form-check--light-subtle .form-check-input[type=checkbox]:checked { --bs-border-color: var(--bs-light-text-emphasis); } .form-check-modifier.form-check--light-subtle .form-check-input[type=checkbox]:checked::after { color: var(--bs-light-text-emphasis); } .form-check-modifier.form-check--light-subtle .form-check-input[type=radio]:checked { --bs-border-color: var(--bs-light-text-emphasis); } .form-check-modifier.form-check--light-subtle .form-check-input[type=radio]:checked::after { background-color: var(--bs-light-text-emphasis); } /* Form Control */ .form-control { --bs-border-radius: 0.25rem; padding: 0.5rem 1rem; } .form-control::-moz-placeholder { color: rgba(var(--bs-body-color-rgb), 0.5); font-weight: normal; } .form-control::placeholder { color: rgba(var(--bs-body-color-rgb), 0.5); font-weight: normal; } .form-control-sm { padding: 0.25rem 1rem; font-size: 0.875rem; line-height: 1.715; } .form-control-lg { border-radius: var(--bs-border-radius-sm); } .form-control[type=file] { padding-inline-start: 0.5rem; } /* Form Select */ .form-select { --bs-border-radius: 0.25rem; padding-block: 0.5rem; padding-inline-start: 1rem; } .form-select-sm { padding-block: 0.25rem; line-height: 1.715; } .form-select-lg { border-radius: var(--bs-border-radius-sm); } /* Group Selector */ .group:hover .group-hover\:transition { transition: all 0.3s ease; } .group:hover .group-hover\:opacity-0 { opacity: 0 !important; } .group:hover .group-hover\:opacity-1 { opacity: 1 !important; } .group:hover .group-hover\:text-heading { color: var(--bs-heading-color) !important; } .group:hover .group-hover\:text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .group:hover .group-hover\:text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .group:hover .group-hover\:text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .group:hover .group-hover\:text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .group:hover .group-hover\:text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .group:hover .group-hover\:text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .group:hover .group-hover\:text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .group:hover .group-hover\:text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .group:hover .group-hover\:text-primary-subtle { color: var(--bs-primary-bg-subtle) !important; } .group:hover .group-hover\:text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .group:hover .group-hover\:text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .group:hover .group-hover\:text-secondary-subtle { color: var(--bs-secondary-bg-subtle) !important; } .group:hover .group-hover\:text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .group:hover .group-hover\:text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .group:hover .group-hover\:text-success-subtle { color: var(--bs-success-bg-subtle) !important; } .group:hover .group-hover\:text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .group:hover .group-hover\:text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .group:hover .group-hover\:text-danger-subtle { color: var(--bs-danger-bg-subtle) !important; } .group:hover .group-hover\:text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .group:hover .group-hover\:text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .group:hover .group-hover\:text-warning-subtle { color: var(--bs-warning-bg-subtle) !important; } .group:hover .group-hover\:text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .group:hover .group-hover\:text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .group:hover .group-hover\:text-info-subtle { color: var(--bs-info-bg-subtle) !important; } .group:hover .group-hover\:text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .group:hover .group-hover\:text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .group:hover .group-hover\:text-light-subtle { color: var(--bs-light-bg-subtle) !important; } .group:hover .group-hover\:text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .group:hover .group-hover\:text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .group:hover .group-hover\:text-dark-subtle { color: var(--bs-dark-bg-subtle) !important; } .group:hover .group-hover\:text-opacity-5 { --bs-text-opacity: 0.05; } .group:hover .group-hover\:text-opacity-10 { --bs-text-opacity: 0.1; } .group:hover .group-hover\:text-opacity-20 { --bs-text-opacity: 0.2; } .group:hover .group-hover\:text-opacity-30 { --bs-text-opacity: 0.3; } .group:hover .group-hover\:text-opacity-40 { --bs-text-opacity: 0.4; } .group:hover .group-hover\:text-opacity-50 { --bs-text-opacity: 0.5; } .group:hover .group-hover\:text-opacity-60 { --bs-text-opacity: 0.6; } .group:hover .group-hover\:text-opacity-70 { --bs-text-opacity: 0.7; } .group:hover .group-hover\:text-opacity-80 { --bs-text-opacity: 0.8; } .group:hover .group-hover\:text-opacity-90 { --bs-text-opacity: 0.9; } .group:hover .group-hover\:text-opacity-100 { --bs-text-opacity: 1; } .group:hover .group-hover\:bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .group:hover .group-hover\:bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .group:hover .group-hover\:bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .group:hover .group-hover\:bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .group:hover .group-hover\:bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .group:hover .group-hover\:bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .group:hover .group-hover\:bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .group:hover .group-hover\:bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .group:hover .group-hover\:bg-primary-emphasis { background-color: var(--bs-primary-text-emphasis) !important; } .group:hover .group-hover\:bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .group:hover .group-hover\:bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .group:hover .group-hover\:bg-secondary-emphasis { background-color: var(--bs-secondary-text-emphasis) !important; } .group:hover .group-hover\:bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .group:hover .group-hover\:bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .group:hover .group-hover\:bg-success-emphasis { background-color: var(--bs-success-text-emphasis) !important; } .group:hover .group-hover\:bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .group:hover .group-hover\:bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .group:hover .group-hover\:bg-danger-emphasis { background-color: var(--bs-danger-text-emphasis) !important; } .group:hover .group-hover\:bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .group:hover .group-hover\:bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .group:hover .group-hover\:bg-warning-emphasis { background-color: var(--bs-warning-text-emphasis) !important; } .group:hover .group-hover\:bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .group:hover .group-hover\:bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .group:hover .group-hover\:bg-info-emphasis { background-color: var(--bs-info-text-emphasis) !important; } .group:hover .group-hover\:bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .group:hover .group-hover\:bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .group:hover .group-hover\:bg-light-emphasis { background-color: var(--bs-light-text-emphasis) !important; } .group:hover .group-hover\:bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .group:hover .group-hover\:bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .group:hover .group-hover\:bg-dark-emphasis { background-color: var(--bs-dark-text-emphasis) !important; } .group:hover .group-hover\:bg-opacity-5 { --bs-bg-opacity: 0.05; } .group:hover .group-hover\:bg-opacity-10 { --bs-bg-opacity: 0.1; } .group:hover .group-hover\:bg-opacity-20 { --bs-bg-opacity: 0.2; } .group:hover .group-hover\:bg-opacity-30 { --bs-bg-opacity: 0.3; } .group:hover .group-hover\:bg-opacity-40 { --bs-bg-opacity: 0.4; } .group:hover .group-hover\:bg-opacity-50 { --bs-bg-opacity: 0.5; } .group:hover .group-hover\:bg-opacity-60 { --bs-bg-opacity: 0.6; } .group:hover .group-hover\:bg-opacity-70 { --bs-bg-opacity: 0.7; } .group:hover .group-hover\:bg-opacity-80 { --bs-bg-opacity: 0.8; } .group:hover .group-hover\:bg-opacity-90 { --bs-bg-opacity: 0.9; } .group:hover .group-hover\:bg-opacity-100 { --bs-bg-opacity: 1; } .group:hover .group-hover\:border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .group:hover .group-hover\:border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .group:hover .group-hover\:border-primary-emphasis { border-color: var(--bs-primary-text-emphasis) !important; } .group:hover .group-hover\:border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .group:hover .group-hover\:border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .group:hover .group-hover\:border-secondary-emphasis { border-color: var(--bs-secondary-text-emphasis) !important; } .group:hover .group-hover\:border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .group:hover .group-hover\:border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .group:hover .group-hover\:border-success-emphasis { border-color: var(--bs-success-text-emphasis) !important; } .group:hover .group-hover\:border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .group:hover .group-hover\:border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .group:hover .group-hover\:border-danger-emphasis { border-color: var(--bs-danger-text-emphasis) !important; } .group:hover .group-hover\:border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .group:hover .group-hover\:border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .group:hover .group-hover\:border-warning-emphasis { border-color: var(--bs-warning-text-emphasis) !important; } .group:hover .group-hover\:border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .group:hover .group-hover\:border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .group:hover .group-hover\:border-info-emphasis { border-color: var(--bs-info-text-emphasis) !important; } .group:hover .group-hover\:border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .group:hover .group-hover\:border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .group:hover .group-hover\:border-light-emphasis { border-color: var(--bs-light-text-emphasis) !important; } .group:hover .group-hover\:border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .group:hover .group-hover\:border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .group:hover .group-hover\:border-dark-emphasis { border-color: var(--bs-dark-text-emphasis) !important; } .group:hover .group-hover\:border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .group:hover .group-hover\:border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .group:hover .group-hover\:border-opacity-5 { --bs-border-opacity: 0.05; } .group:hover .group-hover\:border-opacity-10 { --bs-border-opacity: 0.1; } .group:hover .group-hover\:border-opacity-20 { --bs-border-opacity: 0.2; } .group:hover .group-hover\:border-opacity-30 { --bs-border-opacity: 0.3; } .group:hover .group-hover\:border-opacity-40 { --bs-border-opacity: 0.4; } .group:hover .group-hover\:border-opacity-50 { --bs-border-opacity: 0.5; } .group:hover .group-hover\:border-opacity-60 { --bs-border-opacity: 0.6; } .group:hover .group-hover\:border-opacity-70 { --bs-border-opacity: 0.7; } .group:hover .group-hover\:border-opacity-80 { --bs-border-opacity: 0.8; } .group:hover .group-hover\:border-opacity-90 { --bs-border-opacity: 0.9; } .group:hover .group-hover\:border-opacity-100 { --bs-border-opacity: 1; } .group:hover .group-hover\:shadow-none { box-shadow: none !important; } .group:hover .group-hover\:shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; } .group:hover .group-hover\:shadow { box-shadow: var(--bs-box-shadow) !important; } .group:hover .group-hover\:shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; } /* Line Clamp */ .line-clamp { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .line-clamp--1 { -webkit-line-clamp: 1; } .line-clamp--2 { -webkit-line-clamp: 2; } .line-clamp--3 { -webkit-line-clamp: 3; } .line-clamp--4 { -webkit-line-clamp: 4; } .line-clamp--5 { -webkit-line-clamp: 5; } /* List */ .list { --direction: column; display: flex; flex-direction: var(--direction); margin: 0; padding: 0; list-style: none; } .list-row { --direction: row; } @media (min-width: 0) { .list-xs-row { --direction: row; } } @media (min-width: 576px) { .list-sm-row { --direction: row; } } @media (min-width: 768px) { .list-md-row { --direction: row; } } @media (min-width: 992px) { .list-lg-row { --direction: row; } } @media (min-width: 1200px) { .list-xl-row { --direction: row; } } @media (min-width: 1400px) { .list-xxl-row { --direction: row; } } .list-column { --direction: column; } @media (min-width: 0) { .list-xs-column { --direction: column; } } @media (min-width: 576px) { .list-sm-column { --direction: column; } } @media (min-width: 768px) { .list-md-column { --direction: column; } } @media (min-width: 992px) { .list-lg-column { --direction: column; } } @media (min-width: 1200px) { .list-xl-column { --direction: column; } } @media (min-width: 1400px) { .list-xxl-column { --direction: column; } } .list-disc { list-style: disc; padding-inline-start: 1rem; } .list-dot { --dot-clr: var(--bs-primary); --dot-size: 0.375rem; } .list-dot--secondary { --dot-clr: var(--bs-secondary); } .list-dot--body-tertiary { --dot-clr: var(--bs-tertiary-bg); } .list-dot--success { --dot-clr: var(--bs-success); } .list-dot--danger { --dot-clr: var(--bs-danger); } .list-dot--warning { --dot-clr: var(--bs-warning); } .list-dot--info { --dot-clr: var(--bs-info); } .list-dot--light { --dot-clr: var(--bs-light); } .list-dot--dark { --dot-clr: var(--bs-dark); } .list-dot--primary-subtle { --dot-clr: var(--bs-primary-bg-subtle); } .list-dot--secondary-subtle { --dot-clr: var(--bs-secondary-bg-subtle); } .list-dot--success-subtle { --dot-clr: var(--bs-success-bg-subtle); } .list-dot--danger-subtle { --dot-clr: var(--bs-danger-bg-subtle); } .list-dot--warning-subtle { --dot-clr: var(--bs-warning-bg-subtle); } .list-dot--info-subtle { --dot-clr: var(--bs-info-bg-subtle); } .list-dot--light-subtle { --dot-clr: var(--bs-light-bg-subtle); } .list-dot--dark-subtle { --dot-clr: var(--bs-dark-bg-subtle); } .list-dot--primary-emphasis { --dot-clr: var(--bs-primary-text-emphasis); } .list-dot--secondary-emphasis { --dot-clr: var(--bs-secondary-text-emphasis); } .list-dot--success-emphasis { --dot-clr: var(--bs-success-text-emphasis); } .list-dot--danger-emphasis { --dot-clr: var(--bs-danger-text-emphasis); } .list-dot--warning-emphasis { --dot-clr: var(--bs-warning-text-emphasis); } .list-dot--info-emphasis { --dot-clr: var(--bs-info-text-emphasis); } .list-dot--light-emphasis { --dot-clr: var(--bs-light-text-emphasis); } .list-dot--dark-emphasis { --dot-clr: var(--bs-dark-text-emphasis); } .list-dot>li+li { padding-inline-start: var(--dot-size); margin-inline-start: var(--dot-size); position: relative; isolation: isolate; } .list-dot>li+li::before { content: ""; width: calc(var(--dot-size) / 2); height: calc(var(--dot-size) / 2); border-radius: 50%; position: absolute; inset-block-start: 50%; inset-inline-start: 0; transform: translate(-50%, -50%); background-color: var(--dot-clr); } .list-dot--sm { --dot-size: 0.5rem; } .list-dot--md { --dot-size: 0.75rem; } .list-dot--lg { --dot-size: 1rem; } .list-dot--xl { --dot-size: 1.25rem; } .list-dot--xxl { --dot-size: 1.5rem; } .list-separate { --separate-clr: var(--bs-primary); --separate-space: 0.5rem; } .list-separate--secondary { --separate-clr: var(--bs-secondary); } .list-separate--body-tertiary { --separate-clr: var(--bs-tertiary-bg); } .list-separate--success { --separate-clr: var(--bs-success); } .list-separate--danger { --separate-clr: var(--bs-danger); } .list-separate--warning { --separate-clr: var(--bs-warning); } .list-separate--info { --separate-clr: var(--bs-info); } .list-separate--light { --separate-clr: var(--bs-light); } .list-separate--dark { --separate-clr: var(--bs-dark); } .list-separate--primary-subtle { --separate-clr: var(--bs-primary-bg-subtle); } .list-separate--secondary-subtle { --separate-clr: var(--bs-secondary-bg-subtle); } .list-separate--success-subtle { --separate-clr: var(--bs-success-bg-subtle); } .list-separate--danger-subtle { --separate-clr: var(--bs-danger-bg-subtle); } .list-separate--warning-subtle { --separate-clr: var(--bs-warning-bg-subtle); } .list-separate--info-subtle { --separate-clr: var(--bs-info-bg-subtle); } .list-separate--light-subtle { --separate-clr: var(--bs-light-bg-subtle); } .list-separate--dark-subtle { --separate-clr: var(--bs-dark-bg-subtle); } .list-separate--primary-emphasis { --separate-clr: var(--bs-primary-text-emphasis); } .list-separate--secondary-emphasis { --separate-clr: var(--bs-secondary-text-emphasis); } .list-separate--success-emphasis { --separate-clr: var(--bs-success-text-emphasis); } .list-separate--danger-emphasis { --separate-clr: var(--bs-danger-text-emphasis); } .list-separate--warning-emphasis { --separate-clr: var(--bs-warning-text-emphasis); } .list-separate--info-emphasis { --separate-clr: var(--bs-info-text-emphasis); } .list-separate--light-emphasis { --separate-clr: var(--bs-light-text-emphasis); } .list-separate--dark-emphasis { --separate-clr: var(--bs-dark-text-emphasis); } .list-separate>li+li { padding-inline-start: var(--separate-space); margin-inline-start: var(--separate-space); position: relative; isolation: isolate; } .list-separate>li+li::before { content: ""; width: 1px; height: 70%; position: absolute; inset-block-start: 50%; inset-inline-start: 0; transform: translateY(-50%); background-color: var(--separate-clr); } .list-separate--sm { --separate-space: 0.75rem; } .list-separate--md { --separate-space: 1rem; } .list-separate--lg { --separate-space: 1.25rem; } .list-separate--xl { --separate-space: 1.5rem; } .list-separate--xxl { --separate-space: 1.75rem; } .list-flush>li+li { border-top: 1px solid var(--bs-border-color); } /* Logo Style */ .logo { --logo-height: 2rem; height: var(--logo-height); } .logo__img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .logo__img--dark { display: none; } [data-bs-theme=dark] .logo__img--dark { display: inline-block; } [data-bs-theme=dark] .logo__img--light { display: none; } /* Modal Style */ @media (min-width: 576px) { .modal-sm { --bs-modal-width: 350px; } } @media (min-width: 992px) { .navigation-0.has-sub-level-1:hover:hover>a { color: var(--bs-secondary); } .navigation-0.has-sub-level-1:hover:hover .navigation-0__menu { visibility: visible; opacity: 1; pointer-events: unset; top: calc(100% - 0.25rem); } } @media (min-width: 992px) { .navigation-0--column-5 .navigation-0__menu-list { width: calc(20% - 0.8125rem); } } @media (min-width: 992px) { .navigation-0--column-6 .navigation-0__menu-list { width: calc(16.6% - 0.8125rem); } } .navigation-0__menu { display: none; list-style: none; padding: 0.25rem 0; margin: 0; border-radius: 0.35rem; } @media (min-width: 992px) { .navigation-0__menu { --_spaceer: 1rem; position: absolute; inset-inline: 0; padding: 1.25rem; display: flex; flex-wrap: wrap; gap: var(--_spaceer); max-height: 23.75rem; overflow-y: auto; filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); visibility: hidden; opacity: 0; pointer-events: none; z-index: 99; transition: all 0.3s ease; scrollbar-color: transparent transparent; scrollbar-width: none; } .navigation-0__menu::-webkit-scrollbar { width: 0; height: 0; } .navigation-0__menu::-webkit-scrollbar-track { background: transparent; } .navigation-0__menu::-webkit-scrollbar-thumb { background: transparent; } } @media (min-width: 1200px) { .navigation-0__menu { max-height: 40.25rem; } } @media (min-width: 1400px) { .navigation-0__menu { max-height: 45.25rem; } } .navigation-0__menu-link { display: block; padding: 0.25rem 0.75rem; } @media (min-width: 992px) { .navigation-0__menu-link { padding: 0.5rem; border-radius: 0.25rem; } } @media (min-width: 1200px) { .navigation-0__menu-link { padding: 0.75rem; } } .navigation-0__menu-img { display: none; } @media (min-width: 992px) { .navigation-0__menu-img { display: block; aspect-ratio: 4/3; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0.25rem; } } .navigation-0__menu-title { display: block; font-size: 0.875rem; } @media (min-width: 992px) { .navigation-0__menu-title { margin-top: 0.5rem; text-align: center; } } @media (min-width: 992px) { .navigation-1 { position: relative; isolation: isolate; } } @media (min-width: 992px) { .navigation-1.has-sub-level-1:hover .navigation-1__menu { visibility: visible; opacity: 1; pointer-events: unset; top: 100%; } } .navigation-1__menu { display: none; list-style: none; padding: 0.25rem 0; margin: 0; border-radius: 0.35rem; } @media (min-width: 992px) { .navigation-1__menu { display: block; padding: 0.25rem; position: absolute; top: calc(100% + 1rem); width: 13.125rem; filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); visibility: hidden; opacity: 0; pointer-events: none; z-index: 99; transition: all 0.3s ease; } } .navigation-1__menu-link { display: block; padding: 0.25rem 0.75rem; border-radius: 0.25rem; font-size: 0.875rem; } @media (min-width: 992px) { .navigation-1__menu-list.has-sub-level-2 { position: relative; } .navigation-1__menu-list.has-sub-level-2:hover .navigation-1__sub-menu { visibility: visible; opacity: 1; pointer-events: unset; left: 100%; } } .navigation-1__sub-menu { display: none; list-style: none; padding: 0.25rem 0 0.25rem 1rem; margin: 0; border-radius: 0.25rem; } @media (min-width: 992px) { .navigation-1__sub-menu { display: block; padding: 0.25rem; position: absolute; top: 0; left: 90%; width: 11.25rem; visibility: hidden; opacity: 0; pointer-events: none; z-index: 99; transition: all 0.3s ease; } } .navigation-1__sub-menu-link { display: block; padding: 0.25rem 0.75rem; font-size: 0.875rem; } @media (min-width: 992px) { .navigation-1__sub-menu-link { border-radius: 0.25rem; } } .navigation-2.has-sub-level-1:hover>a { color: var(--bs-secondary); } .navigation-2.has-sub-level-1:hover .navigation-2__menu { visibility: visible; opacity: 1; pointer-events: unset; top: calc(100% - 0.25rem); } .navigation-2__menu { display: none; list-style: none; padding: 1rem; margin: 0; border-radius: 0.35rem; } @media (min-width: 992px) { .navigation-2__menu { --_spaceer: 1rem; position: absolute; inset-inline: 0; display: flex; flex-wrap: wrap; gap: var(--_spaceer); max-height: calc(100vh - 4.5rem); overflow-y: auto; filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); visibility: hidden; opacity: 0; pointer-events: none; z-index: 99; transition: all 0.3s ease; scrollbar-color: transparent transparent; scrollbar-width: none; } .navigation-2__menu::-webkit-scrollbar { width: 0; height: 0; } .navigation-2__menu::-webkit-scrollbar-track { background: transparent; } .navigation-2__menu::-webkit-scrollbar-thumb { background: transparent; } } .navigation-2__menu-link { padding: 0.75rem; border-radius: 0.35rem; } .navigation-2__menu-list+.navigation-2__menu-list { margin-top: 1.5rem; } @media (min-width: 992px) { .navigation-2__menu-list+.navigation-2__menu-list { margin-top: 0; } } @media (min-width: 992px) { .navigation-2__menu-list { width: calc(33.33% - 0.67rem); } } @media (min-width: 576px) { .navigation-2__figure-img { width: 40%; } } @media (min-width: 1200px) { .navigation-2__figure-img { width: 100%; } } @media (min-width: 992px) { .navigation-3 { position: relative; isolation: isolate; } } @media (min-width: 992px) { .navigation-3.has-sub-level-1:hover .navigation-3__menu { visibility: visible; opacity: 1; pointer-events: unset; top: 100%; } } .navigation-3__menu { display: none; list-style: none; padding: 0.25rem 0; margin: 0; border-radius: 0.35rem; } @media (min-width: 992px) { .navigation-3__menu { display: flex; gap: 0.25rem; padding: 0.25rem; position: absolute; top: calc(100% + 1rem); left: 50%; transform: translateX(-50%); width: 37.5rem; filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); visibility: hidden; opacity: 0; pointer-events: none; z-index: 99; transition: all 0.3s ease; } } @media (min-width: 1200px) { .navigation-3__menu { width: 46.875rem; padding: 1rem; } } @media (min-width: 992px) { .navigation-3__menu-short { width: 21.875rem; } } .navigation-3__menu-link { display: block; padding: 0.25rem 0.75rem; font-size: 0.875rem; } @media (min-width: 992px) { .navigation-3__menu-list { width: 50%; } } @media (min-width: 1200px) { .navigation-3__menu-list { width: 55%; } } @media (min-width: 992px) { .navigation-3__menu-list:last-child { width: 50%; } } @media (min-width: 1200px) { .navigation-3__menu-list:last-child { width: 45%; } } @media (min-width: 992px) { .navigation-3__menu-list.has-sub-level-2 { position: relative; } .navigation-3__menu-list.has-sub-level-2:hover .navigation-3__sub-menu { visibility: visible; opacity: 1; pointer-events: unset; left: 100%; } } .navigation-3__sub-menu { display: none; list-style: none; padding: 0.25rem 0 0.25rem 1rem; margin: 0; border-radius: 0.25rem; } @media (min-width: 992px) { .navigation-3__sub-menu { display: block; padding: 0.25rem; position: absolute; top: 0; left: 90%; width: 11.25rem; border-radius: 0.25rem; visibility: hidden; opacity: 0; pointer-events: none; z-index: 99; transition: all 0.3s ease; } } .navigation-3__sub-menu-link { display: block; padding: 0.25rem 0.75rem; font-size: 0.875rem; } @media (min-width: 992px) { .navigation-3__sub-menu-link { border-radius: 0.25rem; } } /* Offcanvas */ .offcanvas-body { scrollbar-color: transparent transparent; scrollbar-width: thin; } .offcanvas-body::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .offcanvas-body::-webkit-scrollbar-track { background: transparent; } .offcanvas-body::-webkit-scrollbar-thumb { background: transparent; } .offcanvas-body:hover { scrollbar-color: var(--bs-bg-dark-subtle) transparent; } .offcanvas-body:hover::-webkit-scrollbar-thumb { background: var(--bs-bg-dark-subtle); } /* Pagination */ .pagination { --bs-pagination-padding-y: 0.25rem; --bs-pagination-focus-box-shadow: 0; margin: 0; } .pagination-pill { --bs-pagination-padding-x: 0; --bs-pagination-padding-y: 0; --bs-pagination-border-radius: 50%; line-height: 1; } .pagination-pill .page-link { display: grid; place-content: center; width: 2.625rem; height: 2.625rem; } .pagination-circle { --bs-pagination-padding-x: 0; --bs-pagination-padding-y: 0; --bs-pagination-border-radius: 50%; gap: 0.5rem; line-height: 1; } .pagination-circle .page-link { display: grid; place-content: center; width: 2.625rem; height: 2.625rem; border-radius: var(--bs-pagination-border-radius); } .pagination-transparent { --bs-pagination-color: var(--bs-body-color); --bs-pagination-border-radius: 0; --bs-pagination-border-color: transparent; --bs-pagination-bg: transparent; --bs-pagination-hover-color: rgba(var(--bs-primary-rgb), 1); --bs-pagination-hover-bg: transparent; --bs-pagination-hover-border-color: transparent; --bs-pagination-active-color: var(--bs-body-color); --bs-pagination-active-bg: var(--bs-body-bg); --bs-pagination-active-border-color: var(--bs-border-color); gap: 0.5rem; line-height: 1; } .pagination-transparent .active .page-link { border-radius: 0.25rem; } .dt-paging .pagination { --bs-pagination-padding-y: 0.5rem; --bs-pagination-color: var(--bs-body-color); --bs-pagination-border-radius: 0; --bs-pagination-border-color: transparent; --bs-pagination-bg: transparent; --bs-pagination-hover-color: rgba(var(--bs-primary-rgb), 1); --bs-pagination-hover-bg: transparent; --bs-pagination-hover-border-color: transparent; --bs-pagination-active-color: var(--bs-body-color); --bs-pagination-active-bg: var(--bs-body-bg); --bs-pagination-active-border-color: var(--bs-border-color); --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: transparent; --bs-pagination-disabled-border-color: transparent; margin: 0; gap: 0.5rem; line-height: 1; } .dt-paging .pagination .active .page-link { border-radius: 0.25rem; z-index: 0; } .dt-paging .pagination .page-link { font-size: 0.875rem; } /* Preloader */ .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--bs-dark); display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--bs-light); z-index: 9999; } .preloader__content { width: 100%; text-align: center; } .preloader__img { animation: imageBeat 1.5s infinite; } /* Progress */ .progress { --bs-progress-border-radius: var(--bs-border-radius-xl); } .progress-xsm { --bs-progress-height: 0.25rem; } .progress-sm { --bs-progress-height: 0.5rem; } .progress-md { --bs-progress-height: 0.75rem; } .progress-stacked { --bs-progress-border-radius: var(--bs-border-radius-xl); } .progress-stacked .progress-xsm { --bs-progress-height: 0.25rem; } .progress-stacked .progress-sm { --bs-progress-height: 0.5rem; } .progress-stacked .progress-md { --bs-progress-height: 0.75rem; } .scroller-x { --_scroll-animation: scroll-ltr; overflow: hidden; } .scroller-x[data-direction=right] { --_animation-direction: reverse; } .scroller-x[data-direction=left] { --_animation-direction: forwards; } .scroller-x[data-speed=fast] { --_animation-duration: 30s; } .scroller-x[data-speed=slow] { --_animation-duration: 120s; } .scroller-x__list { width: -moz-max-content; width: max-content; flex-wrap: nowrap; animation: var(--_scroll-animation, scroll-ltr) var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite; } .scroller-x__list:hover { animation-play-state: paused; } .scroller-x__list>li { flex-shrink: 0; } [dir=rtl] .scroller-x { --_scroll-animation: scroll-rtl; } .scroller-y { --_scroll-animation: scrollY-up; overflow: hidden; } .scroller-y[data-direction=bottom] { --_animation-direction: forwards; --_scroll-animation: scrollY-down; } .scroller-y[data-direction=top] { --_animation-direction: forwards; --_scroll-animation: scrollY-up; } .scroller-y[data-speed=fast] { --_animation-duration: 30s; } .scroller-y[data-speed=slow] { --_animation-duration: 120s; } .scroller-y__list { display: flex; flex-direction: column; height: -moz-max-content; height: max-content; flex-wrap: nowrap; animation: var(--_scroll-animation, scrollY-up) var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite; } .scroller-y__list:hover { animation-play-state: paused; } .scroller-y__list>li { flex-shrink: 0; } /* Switcher Style */ .switcher { --_switch-width: 24px; --_switch-height: 14px; --_switch-circle: 10px; --_switch-space: 4px; --_circle-color: rgba(var(--bs-body-bg-rgb), 1); --_inactive-color: rgba(var(--bs-secondary-rgb), 1); --_active-color: rgba(var(--bs-primary-rgb), 1); display: inline-flex; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .switcher--md { --_switch-width: 26px; --_switch-height: 16px; --_switch-circle: 10px; --_switch-space: 6px; } .switcher--lg { --_switch-width: 32px; --_switch-height: 20px; --_switch-circle: 12px; --_switch-space: 8px; } .switcher--xl { --_switch-width: 38px; --_switch-height: 24px; --_switch-circle: 14px; --_switch-space: 10px; } .switcher-control-light { --_circle-color: rgba(var(--bs-body-color-rgb), 0.5); --_inactive-color: rgba(var(--bs-body-bg-rgb), 1); } .switcher-control-dark { --_circle-color: rgba(var(--bs-body-bg-rgb), 1); --_inactive-color: var(--bs-dark-bg-subtle); } .switcher--primary-subtle { --_active-color: var(--bs-primary-bg-subtle); } .switcher--primary-subtle .switcher__input:checked~.switcher__control::after { --_circle-color: var(--bs-primary-text-emphasis); } .switcher--secondary { --_active-color: rgba(var(--bs-secondary-rgb), 1); } .switcher--secondary .switcher__input:checked~.switcher__control::after { --_circle-color: rgba(var(--bs-light-rgb), 1); } .switcher--secondary-subtle { --_active-color: var(--bs-secondary-bg-subtle); } .switcher--secondary-subtle .switcher__input:checked~.switcher__control::after { --_circle-color: var(--bs-secondary-text-emphasis); } .switcher--success { --_active-color: rgba(var(--bs-success-rgb), 1); } .switcher--success .switcher__input:checked~.switcher__control::after { --_circle-color: rgba(var(--bs-light-rgb), 1); } .switcher--success-subtle { --_active-color: var(--bs-success-bg-subtle); } .switcher--success-subtle .switcher__input:checked~.switcher__control::after { --_circle-color: var(--bs-success-text-emphasis); } .switcher--danger { --_active-color: rgba(var(--bs-danger-rgb), 1); } .switcher--danger .switcher__input:checked~.switcher__control::after { --_circle-color: rgba(var(--bs-light-rgb), 1); } .switcher--danger-subtle { --_active-color: var(--bs-danger-bg-subtle); } .switcher--danger-subtle .switcher__input:checked~.switcher__control::after { --_circle-color: var(--bs-danger-text-emphasis); } .switcher--warning { --_active-color: rgba(var(--bs-warning-rgb), 1); } .switcher--warning .switcher__input:checked~.switcher__control::after { --_circle-color: rgba(var(--bs-light-rgb), 1); } .switcher--warning-subtle { --_active-color: var(--bs-warning-bg-subtle); } .switcher--warning-subtle .switcher__input:checked~.switcher__control::after { --_circle-color: var(--bs-warning-text-emphasis); } .switcher--info { --_active-color: rgba(var(--bs-info-rgb), 1); } .switcher--info .switcher__input:checked~.switcher__control::after { --_circle-color: rgba(var(--bs-light-rgb), 1); } .switcher--info-subtle { --_active-color: var(--bs-info-bg-subtle); } .switcher--info-subtle .switcher__input:checked~.switcher__control::after { --_circle-color: var(--bs-info-text-emphasis); } .switcher--dark { --_active-color: rgba(var(--bs-dark-rgb), 1); } .switcher--dark .switcher__input:checked~.switcher__control::after { --_circle-color: rgba(var(--bs-light-rgb), 1); } .switcher--dark-subtle { --_active-color: var(--bs-dark-bg-subtle); } .switcher--dark-subtle .switcher__input:checked~.switcher__control::after { --_circle-color: var(--bs-dark-text-emphasis); } .switcher--light { --_active-color: rgba(var(--bs-light-rgb), 1); } .switcher--light .switcher__input:checked~.switcher__control::after { --_circle-color: rgba(var(--bs-dark-rgb), 1); } .switcher--light-subtle { --_active-color: var(--bs-light-bg-subtle); } .switcher--light-subtle .switcher__input:checked~.switcher__control::after { --_circle-color: var(--bs-light-text-emphasis); } .switcher__input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .switcher__input:checked~.switcher__control { background-color: var(--_active-color); } .switcher__input:checked~.switcher__control::after { left: calc(var(--_switch-circle) + var(--_switch-space) / 2); } .switcher__control { position: relative; width: var(--_switch-width); height: var(--_switch-height); border-radius: calc(var(--_switch-height) / 2); background-color: var(--_inactive-color); transition: background-color 0.15s ease-in; } .switcher__control::after { content: ""; position: absolute; left: calc(var(--_switch-space) / 2); top: calc(var(--_switch-space) / 2); width: var(--_switch-circle); height: var(--_switch-circle); border-radius: calc(var(--_switch-circle) / 2); background: var(--_circle-color); transition: left 0.15s ease-in; } .switcher__text { display: inline-block; } /* Tab Underline Style */ .tab-underline { --bs-btn-active-border-color: var(--bs-border-color); --bs-nav-link-color: var(--bs-body-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-btn-active-color: rgba(var(--bs-primary-rgb), 1); --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 1); overflow-x: auto; scrollbar-color: transparent transparent; scrollbar-width: none; } .tab-underline::-webkit-scrollbar { width: 0; height: 0; } .tab-underline::-webkit-scrollbar-track { background: transparent; } .tab-underline::-webkit-scrollbar-thumb { background: transparent; } .tab-underline .btn { --bs-btn-border-radius: 0; border-left: 0; border-right: 0; border-top: 0; white-space: nowrap; color: var(--bs-nav-link-color); } .tab-underline .btn:hover { color: var(--bs-nav-link-hover-color); } .tab-underline .btn.active { color: var(--bs-btn-active-color); } /* Table Style */ .table-modifier { border-collapse: separate; border-spacing: 0 0.5rem; margin-bottom: 0; } .table-modifier> :not(caption)>*>* { padding: 0.5rem 1rem; vertical-align: middle; } .table-modifier tr th { white-space: nowrap; } .table-modifier tr th:first-child { border-start-start-radius: 0.35rem; border-end-start-radius: 0.35rem; } .table-modifier tr th:last-child { border-start-end-radius: 0.35rem; border-end-end-radius: 0.35rem; } .table-modifier tr td { white-space: nowrap; } .table-modifier tr td:first-child { border-start-start-radius: 0.35rem; border-end-start-radius: 0.35rem; } .table-modifier tr td:last-child { border-start-end-radius: 0.35rem; border-end-end-radius: 0.35rem; } .table-modifier.table-bordered thead th { border: 0; } .table-modifier.table-bordered thead th+th { position: relative; } .table-modifier.table-bordered thead th+th::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 65%; background-color: var(--bs-border-color); } .table-modifier.table-bordered tbody td { border: 0; } .table-modifier.table-bordered tbody td+td { position: relative; } .table-modifier.table-bordered tbody td+td::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 65%; background-color: var(--bs-border-color); } .table-modifier.table-bordered-only-last thead th { border: 0; } .table-modifier.table-bordered-only-last thead th:last-child { position: relative; } .table-modifier.table-bordered-only-last thead th:last-child::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 65%; background-color: var(--bs-border-color); } .table-modifier.table-bordered-only-last tbody td { border: 0; } .table-modifier.table-bordered-only-last tbody td:last-child { position: relative; } .table-modifier.table-bordered-only-last tbody td:last-child::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 65%; background-color: var(--bs-border-color); } .table-modifier.table-headless thead th { background-color: transparent !important; } .table-modifier.table-headless.table-bordered thead th+th::before { display: none; } .table-modifier.table-headless.table-bordered-only-last thead th:last-child::before { display: none; } .table-modifier.table-primary { --bs-table-bg: var(--bs-primary-bg-subtle); } .table-modifier.table-primary th { border-bottom: 1px solid var(--bs-primary-border-subtle) !important; border-top: 1px solid var(--bs-primary-border-subtle) !important; } .table-modifier.table-primary th:first-child { border-left: 1px solid var(--bs-primary-border-subtle); } .table-modifier.table-primary th:last-child { border-right: 1px solid var(--bs-primary-border-subtle); } .table-modifier.table-primary th+th::before { --bs-border-color: var(--bs-primary-border-subtle); } .table-modifier.table-primary td { border-bottom: 1px solid var(--bs-primary-border-subtle) !important; border-top: 1px solid var(--bs-primary-border-subtle) !important; } .table-modifier.table-primary td:first-child { border-left: 1px solid var(--bs-primary-border-subtle); } .table-modifier.table-primary td:last-child { border-right: 1px solid var(--bs-primary-border-subtle); } .table-modifier.table-primary td+td::before { --bs-border-color: var(--bs-primary-border-subtle); } .table-modifier .table-primary th { --bs-table-bg: var(--bs-primary-bg-subtle); border-bottom: 1px solid var(--bs-primary-border-subtle) !important; border-top: 1px solid var(--bs-primary-border-subtle) !important; } .table-modifier .table-primary th:first-child { border-left: 1px solid var(--bs-primary-border-subtle); } .table-modifier .table-primary th:last-child { border-right: 1px solid var(--bs-primary-border-subtle); } .table-modifier .table-primary th+th::before { --bs-border-color: var(--bs-primary-border-subtle); } .table-modifier .table-primary td { --bs-table-bg: var(--bs-primary-bg-subtle); border-bottom: 1px solid var(--bs-primary-border-subtle) !important; border-top: 1px solid var(--bs-primary-border-subtle) !important; } .table-modifier .table-primary td:first-child { border-left: 1px solid var(--bs-primary-border-subtle); } .table-modifier .table-primary td:last-child { border-right: 1px solid var(--bs-primary-border-subtle); } .table-modifier .table-primary td+td::before { --bs-border-color: var(--bs-primary-border-subtle); } .table-modifier.table-secondary { --bs-table-bg: var(--bs-secondary-bg-subtle); } .table-modifier.table-secondary th { border-bottom: 1px solid var(--bs-secondary-border-subtle) !important; border-top: 1px solid var(--bs-secondary-border-subtle) !important; } .table-modifier.table-secondary th:first-child { border-left: 1px solid var(--bs-secondary-border-subtle); } .table-modifier.table-secondary th:last-child { border-right: 1px solid var(--bs-secondary-border-subtle); } .table-modifier.table-secondary th+th::before { --bs-border-color: var(--bs-secondary-border-subtle); } .table-modifier.table-secondary td { border-bottom: 1px solid var(--bs-secondary-border-subtle) !important; border-top: 1px solid var(--bs-secondary-border-subtle) !important; } .table-modifier.table-secondary td:first-child { border-left: 1px solid var(--bs-secondary-border-subtle); } .table-modifier.table-secondary td:last-child { border-right: 1px solid var(--bs-secondary-border-subtle); } .table-modifier.table-secondary td+td::before { --bs-border-color: var(--bs-secondary-border-subtle); } .table-modifier .table-secondary th { --bs-table-bg: var(--bs-secondary-bg-subtle); border-bottom: 1px solid var(--bs-secondary-border-subtle) !important; border-top: 1px solid var(--bs-secondary-border-subtle) !important; } .table-modifier .table-secondary th:first-child { border-left: 1px solid var(--bs-secondary-border-subtle); } .table-modifier .table-secondary th:last-child { border-right: 1px solid var(--bs-secondary-border-subtle); } .table-modifier .table-secondary th+th::before { --bs-border-color: var(--bs-secondary-border-subtle); } .table-modifier .table-secondary td { --bs-table-bg: var(--bs-secondary-bg-subtle); border-bottom: 1px solid var(--bs-secondary-border-subtle) !important; border-top: 1px solid var(--bs-secondary-border-subtle) !important; } .table-modifier .table-secondary td:first-child { border-left: 1px solid var(--bs-secondary-border-subtle); } .table-modifier .table-secondary td:last-child { border-right: 1px solid var(--bs-secondary-border-subtle); } .table-modifier .table-secondary td+td::before { --bs-border-color: var(--bs-secondary-border-subtle); } .table-modifier.table-success { --bs-table-bg: var(--bs-success-bg-subtle); } .table-modifier.table-success th { border-bottom: 1px solid var(--bs-success-border-subtle) !important; border-top: 1px solid var(--bs-success-border-subtle) !important; } .table-modifier.table-success th:first-child { border-left: 1px solid var(--bs-success-border-subtle); } .table-modifier.table-success th:last-child { border-right: 1px solid var(--bs-success-border-subtle); } .table-modifier.table-success th+th::before { --bs-border-color: var(--bs-success-border-subtle); } .table-modifier.table-success td { border-bottom: 1px solid var(--bs-success-border-subtle) !important; border-top: 1px solid var(--bs-success-border-subtle) !important; } .table-modifier.table-success td:first-child { border-left: 1px solid var(--bs-success-border-subtle); } .table-modifier.table-success td:last-child { border-right: 1px solid var(--bs-success-border-subtle); } .table-modifier.table-success td+td::before { --bs-border-color: var(--bs-success-border-subtle); } .table-modifier .table-success th { --bs-table-bg: var(--bs-success-bg-subtle); border-bottom: 1px solid var(--bs-success-border-subtle) !important; border-top: 1px solid var(--bs-success-border-subtle) !important; } .table-modifier .table-success th:first-child { border-left: 1px solid var(--bs-success-border-subtle); } .table-modifier .table-success th:last-child { border-right: 1px solid var(--bs-success-border-subtle); } .table-modifier .table-success th+th::before { --bs-border-color: var(--bs-success-border-subtle); } .table-modifier .table-success td { --bs-table-bg: var(--bs-success-bg-subtle); border-bottom: 1px solid var(--bs-success-border-subtle) !important; border-top: 1px solid var(--bs-success-border-subtle) !important; } .table-modifier .table-success td:first-child { border-left: 1px solid var(--bs-success-border-subtle); } .table-modifier .table-success td:last-child { border-right: 1px solid var(--bs-success-border-subtle); } .table-modifier .table-success td+td::before { --bs-border-color: var(--bs-success-border-subtle); } .table-modifier.table-danger { --bs-table-bg: var(--bs-danger-bg-subtle); } .table-modifier.table-danger th { border-bottom: 1px solid var(--bs-danger-border-subtle) !important; border-top: 1px solid var(--bs-danger-border-subtle) !important; } .table-modifier.table-danger th:first-child { border-left: 1px solid var(--bs-danger-border-subtle); } .table-modifier.table-danger th:last-child { border-right: 1px solid var(--bs-danger-border-subtle); } .table-modifier.table-danger th+th::before { --bs-border-color: var(--bs-danger-border-subtle); } .table-modifier.table-danger td { border-bottom: 1px solid var(--bs-danger-border-subtle) !important; border-top: 1px solid var(--bs-danger-border-subtle) !important; } .table-modifier.table-danger td:first-child { border-left: 1px solid var(--bs-danger-border-subtle); } .table-modifier.table-danger td:last-child { border-right: 1px solid var(--bs-danger-border-subtle); } .table-modifier.table-danger td+td::before { --bs-border-color: var(--bs-danger-border-subtle); } .table-modifier .table-danger th { --bs-table-bg: var(--bs-danger-bg-subtle); border-bottom: 1px solid var(--bs-danger-border-subtle) !important; border-top: 1px solid var(--bs-danger-border-subtle) !important; } .table-modifier .table-danger th:first-child { border-left: 1px solid var(--bs-danger-border-subtle); } .table-modifier .table-danger th:last-child { border-right: 1px solid var(--bs-danger-border-subtle); } .table-modifier .table-danger th+th::before { --bs-border-color: var(--bs-danger-border-subtle); } .table-modifier .table-danger td { --bs-table-bg: var(--bs-danger-bg-subtle); border-bottom: 1px solid var(--bs-danger-border-subtle) !important; border-top: 1px solid var(--bs-danger-border-subtle) !important; } .table-modifier .table-danger td:first-child { border-left: 1px solid var(--bs-danger-border-subtle); } .table-modifier .table-danger td:last-child { border-right: 1px solid var(--bs-danger-border-subtle); } .table-modifier .table-danger td+td::before { --bs-border-color: var(--bs-danger-border-subtle); } .table-modifier.table-warning { --bs-table-bg: var(--bs-warning-bg-subtle); } .table-modifier.table-warning th { border-bottom: 1px solid var(--bs-warning-border-subtle) !important; border-top: 1px solid var(--bs-warning-border-subtle) !important; } .table-modifier.table-warning th:first-child { border-left: 1px solid var(--bs-warning-border-subtle); } .table-modifier.table-warning th:last-child { border-right: 1px solid var(--bs-warning-border-subtle); } .table-modifier.table-warning th+th::before { --bs-border-color: var(--bs-warning-border-subtle); } .table-modifier.table-warning td { border-bottom: 1px solid var(--bs-warning-border-subtle) !important; border-top: 1px solid var(--bs-warning-border-subtle) !important; } .table-modifier.table-warning td:first-child { border-left: 1px solid var(--bs-warning-border-subtle); } .table-modifier.table-warning td:last-child { border-right: 1px solid var(--bs-warning-border-subtle); } .table-modifier.table-warning td+td::before { --bs-border-color: var(--bs-warning-border-subtle); } .table-modifier .table-warning th { --bs-table-bg: var(--bs-warning-bg-subtle); border-bottom: 1px solid var(--bs-warning-border-subtle) !important; border-top: 1px solid var(--bs-warning-border-subtle) !important; } .table-modifier .table-warning th:first-child { border-left: 1px solid var(--bs-warning-border-subtle); } .table-modifier .table-warning th:last-child { border-right: 1px solid var(--bs-warning-border-subtle); } .table-modifier .table-warning th+th::before { --bs-border-color: var(--bs-warning-border-subtle); } .table-modifier .table-warning td { --bs-table-bg: var(--bs-warning-bg-subtle); border-bottom: 1px solid var(--bs-warning-border-subtle) !important; border-top: 1px solid var(--bs-warning-border-subtle) !important; } .table-modifier .table-warning td:first-child { border-left: 1px solid var(--bs-warning-border-subtle); } .table-modifier .table-warning td:last-child { border-right: 1px solid var(--bs-warning-border-subtle); } .table-modifier .table-warning td+td::before { --bs-border-color: var(--bs-warning-border-subtle); } .table-modifier.table-info { --bs-table-bg: var(--bs-info-bg-subtle); } .table-modifier.table-info th { border-bottom: 1px solid var(--bs-info-border-subtle) !important; border-top: 1px solid var(--bs-info-border-subtle) !important; } .table-modifier.table-info th:first-child { border-left: 1px solid var(--bs-info-border-subtle); } .table-modifier.table-info th:last-child { border-right: 1px solid var(--bs-info-border-subtle); } .table-modifier.table-info th+th::before { --bs-border-color: var(--bs-info-border-subtle); } .table-modifier.table-info td { border-bottom: 1px solid var(--bs-info-border-subtle) !important; border-top: 1px solid var(--bs-info-border-subtle) !important; } .table-modifier.table-info td:first-child { border-left: 1px solid var(--bs-info-border-subtle); } .table-modifier.table-info td:last-child { border-right: 1px solid var(--bs-info-border-subtle); } .table-modifier.table-info td+td::before { --bs-border-color: var(--bs-info-border-subtle); } .table-modifier .table-info th { --bs-table-bg: var(--bs-info-bg-subtle); border-bottom: 1px solid var(--bs-info-border-subtle) !important; border-top: 1px solid var(--bs-info-border-subtle) !important; } .table-modifier .table-info th:first-child { border-left: 1px solid var(--bs-info-border-subtle); } .table-modifier .table-info th:last-child { border-right: 1px solid var(--bs-info-border-subtle); } .table-modifier .table-info th+th::before { --bs-border-color: var(--bs-info-border-subtle); } .table-modifier .table-info td { --bs-table-bg: var(--bs-info-bg-subtle); border-bottom: 1px solid var(--bs-info-border-subtle) !important; border-top: 1px solid var(--bs-info-border-subtle) !important; } .table-modifier .table-info td:first-child { border-left: 1px solid var(--bs-info-border-subtle); } .table-modifier .table-info td:last-child { border-right: 1px solid var(--bs-info-border-subtle); } .table-modifier .table-info td+td::before { --bs-border-color: var(--bs-info-border-subtle); } .table-modifier.table-dark { --bs-table-bg: var(--bs-dark-bg-subtle); } .table-modifier.table-dark th { border-bottom: 1px solid var(--bs-dark-border-subtle) !important; border-top: 1px solid var(--bs-dark-border-subtle) !important; } .table-modifier.table-dark th:first-child { border-left: 1px solid var(--bs-dark-border-subtle); } .table-modifier.table-dark th:last-child { border-right: 1px solid var(--bs-dark-border-subtle); } .table-modifier.table-dark th+th::before { --bs-border-color: var(--bs-dark-border-subtle); } .table-modifier.table-dark td { border-bottom: 1px solid var(--bs-dark-border-subtle) !important; border-top: 1px solid var(--bs-dark-border-subtle) !important; } .table-modifier.table-dark td:first-child { border-left: 1px solid var(--bs-dark-border-subtle); } .table-modifier.table-dark td:last-child { border-right: 1px solid var(--bs-dark-border-subtle); } .table-modifier.table-dark td+td::before { --bs-border-color: var(--bs-dark-border-subtle); } .table-modifier .table-dark th { --bs-table-bg: var(--bs-dark-bg-subtle); border-bottom: 1px solid var(--bs-dark-border-subtle) !important; border-top: 1px solid var(--bs-dark-border-subtle) !important; } .table-modifier .table-dark th:first-child { border-left: 1px solid var(--bs-dark-border-subtle); } .table-modifier .table-dark th:last-child { border-right: 1px solid var(--bs-dark-border-subtle); } .table-modifier .table-dark th+th::before { --bs-border-color: var(--bs-dark-border-subtle); } .table-modifier .table-dark td { --bs-table-bg: var(--bs-dark-bg-subtle); border-bottom: 1px solid var(--bs-dark-border-subtle) !important; border-top: 1px solid var(--bs-dark-border-subtle) !important; } .table-modifier .table-dark td:first-child { border-left: 1px solid var(--bs-dark-border-subtle); } .table-modifier .table-dark td:last-child { border-right: 1px solid var(--bs-dark-border-subtle); } .table-modifier .table-dark td+td::before { --bs-border-color: var(--bs-dark-border-subtle); } .table-modifier.table-light { --bs-table-bg: var(--bs-light-bg-subtle); } .table-modifier.table-light th { border-bottom: 1px solid var(--bs-light-border-subtle) !important; border-top: 1px solid var(--bs-light-border-subtle) !important; } .table-modifier.table-light th:first-child { border-left: 1px solid var(--bs-light-border-subtle); } .table-modifier.table-light th:last-child { border-right: 1px solid var(--bs-light-border-subtle); } .table-modifier.table-light th+th::before { --bs-border-color: var(--bs-light-border-subtle); } .table-modifier.table-light td { border-bottom: 1px solid var(--bs-light-border-subtle) !important; border-top: 1px solid var(--bs-light-border-subtle) !important; } .table-modifier.table-light td:first-child { border-left: 1px solid var(--bs-light-border-subtle); } .table-modifier.table-light td:last-child { border-right: 1px solid var(--bs-light-border-subtle); } .table-modifier.table-light td+td::before { --bs-border-color: var(--bs-light-border-subtle); } .table-modifier .table-light th { --bs-table-bg: var(--bs-light-bg-subtle); border-bottom: 1px solid var(--bs-light-border-subtle) !important; border-top: 1px solid var(--bs-light-border-subtle) !important; } .table-modifier .table-light th:first-child { border-left: 1px solid var(--bs-light-border-subtle); } .table-modifier .table-light th:last-child { border-right: 1px solid var(--bs-light-border-subtle); } .table-modifier .table-light th+th::before { --bs-border-color: var(--bs-light-border-subtle); } .table-modifier .table-light td { --bs-table-bg: var(--bs-light-bg-subtle); border-bottom: 1px solid var(--bs-light-border-subtle) !important; border-top: 1px solid var(--bs-light-border-subtle) !important; } .table-modifier .table-light td:first-child { border-left: 1px solid var(--bs-light-border-subtle); } .table-modifier .table-light td:last-child { border-right: 1px solid var(--bs-light-border-subtle); } .table-modifier .table-light td+td::before { --bs-border-color: var(--bs-light-border-subtle); } .table-modifier.table-body-secondary { --bs-table-bg: rgba(var(--bs-secondary-bg-rgb), 0.35); } .table-modifier.table-body-secondary th { border-bottom: 1px solid rgba(var(--bs-dark-rgb), 0.06) !important; border-top: 1px solid rgba(var(--bs-dark-rgb), 0.06) !important; } .table-modifier.table-body-secondary th:first-child { border-left: 1px solid rgba(var(--bs-dark-rgb), 0.06); } .table-modifier.table-body-secondary th:last-child { border-right: 1px solid rgba(var(--bs-dark-rgb), 0.06); } .table-modifier.table-body-secondary th+th::before { --bs-border-color: rgba(var(--bs-dark-rgb), 0.06); } .table-modifier.table-body-secondary td { border-bottom: 1px solid rgba(var(--bs-dark-rgb), 0.06) !important; border-top: 1px solid rgba(var(--bs-dark-rgb), 0.06) !important; } .table-modifier.table-body-secondary td:first-child { border-left: 1px solid rgba(var(--bs-dark-rgb), 0.06); } .table-modifier.table-body-secondary td:last-child { border-right: 1px solid rgba(var(--bs-dark-rgb), 0.06); } .table-modifier.table-body-secondary td+td::before { --bs-border-color: rgba(var(--bs-dark-rgb), 0.06); } .table-modifier .table-body-secondary th { --bs-table-bg: rgba(var(--bs-secondary-bg-rgb), 0.35); border-bottom: 1px solid rgba(var(--bs-dark-rgb), 0.06) !important; border-top: 1px solid rgba(var(--bs-dark-rgb), 0.06) !important; } .table-modifier .table-body-secondary th:first-child { border-left: 1px solid rgba(var(--bs-dark-rgb), 0.06); } .table-modifier .table-body-secondary th:last-child { border-right: 1px solid rgba(var(--bs-dark-rgb), 0.06); } .table-modifier .table-body-secondary th+th::before { --bs-border-color: rgba(var(--bs-dark-rgb), 0.06); } .table-modifier .table-body-secondary td { --bs-table-bg: rgba(var(--bs-secondary-bg-rgb), 0.35); border-bottom: 1px solid rgba(var(--bs-dark-rgb), 0.06) !important; border-top: 1px solid rgba(var(--bs-dark-rgb), 0.06) !important; } .table-modifier .table-body-secondary td:first-child { border-left: 1px solid rgba(var(--bs-dark-rgb), 0.06); } .table-modifier .table-body-secondary td:last-child { border-right: 1px solid rgba(var(--bs-dark-rgb), 0.06); } .table-modifier .table-body-secondary td+td::before { --bs-border-color: rgba(var(--bs-dark-rgb), 0.06); } .table-transparent { --bs-table-bg: transparent; } .text-splash { --text-splash-clr: var(--bs-border-color); } .text-splash--primary { --text-splash-clr: var(--bs-primary); } .text-splash--primary-subtle { --text-splash-clr: var(--bs-primary-bg-subtle); } .text-splash--primary-emphasis { --text-splash-clr: var(--bs-primary-text-emphasis); } .text-splash--secondary { --text-splash-clr: var(--bs-secondary); } .text-splash--secondary-subtle { --text-splash-clr: var(--bs-secondary-bg-subtle); } .text-splash--secondary-emphasis { --text-splash-clr: var(--bs-secondary-text-emphasis); } .text-splash--success { --text-splash-clr: var(--bs-success); } .text-splash--success-subtle { --text-splash-clr: var(--bs-success-bg-subtle); } .text-splash--success-emphasis { --text-splash-clr: var(--bs-success-text-emphasis); } .text-splash--danger { --text-splash-clr: var(--bs-danger); } .text-splash--danger-subtle { --text-splash-clr: var(--bs-danger-bg-subtle); } .text-splash--danger-emphasis { --text-splash-clr: var(--bs-danger-text-emphasis); } .text-splash--warning { --text-splash-clr: var(--bs-warning); } .text-splash--warning-subtle { --text-splash-clr: var(--bs-warning-bg-subtle); } .text-splash--warning-emphasis { --text-splash-clr: var(--bs-warning-text-emphasis); } .text-splash--info { --text-splash-clr: var(--bs-info); } .text-splash--info-subtle { --text-splash-clr: var(--bs-info-bg-subtle); } .text-splash--info-emphasis { --text-splash-clr: var(--bs-info-text-emphasis); } .text-splash--light { --text-splash-clr: var(--bs-light); } .text-splash--light-subtle { --text-splash-clr: var(--bs-light-bg-subtle); } .text-splash--light-emphasis { --text-splash-clr: var(--bs-light-text-emphasis); } .text-splash--dark { --text-splash-clr: var(--bs-dark); } .text-splash--dark-subtle { --text-splash-clr: var(--bs-dark-bg-subtle); } .text-splash--dark-emphasis { --text-splash-clr: var(--bs-dark-text-emphasis); } .text-splash::before { content: ""; position: absolute; top: 50%; right: calc(100% + 1rem); width: 120rem; height: 1px; background-color: var(--text-splash-clr); } .text-splash::after { content: ""; position: absolute; top: 50%; left: calc(100% + 1rem); width: 120rem; height: 1px; background-color: var(--text-splash-clr); } .text-stroke { -webkit-text-stroke-width: 1px; } .text-stroke--light { color: var(--bs-light); -webkit-text-fill-color: transparent; -webkit-text-stroke-color: var(--bs-light); } .text-stroke--dark { color: var(--bs-dark); -webkit-text-fill-color: transparent; -webkit-text-stroke-color: var(--bs-dark); } .text-stroke--dark-emphasis { color: var(--bs-dark-text-emphasis); -webkit-text-fill-color: transparent; -webkit-text-stroke-color: var(--bs-dark-text-emphasis); } .text-stroke--secondary { color: var(--bs-primary-text-emphasis); -webkit-text-fill-color: var(--bs-secondary); -webkit-text-stroke-color: var(--bs-light); } /* Tooltip Style */ .tooltip-modifier { --bs-tooltip-border-radius: 0.25rem; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-opacity: 1; --bs-tooltip-bg: var(--bs-primary-bg-subtle); --bs-tooltip-color: var(--bs-priamry-text-emphasis); } .footer { position: relative; isolation: isolate; overflow: hidden; } .footer::before { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 200%; height: 100%; background-color: var(--bs-primary-text-emphasis); z-index: -1; border-radius: 50% 50% 0 0; } .footer::after { content: ""; position: absolute; inset: 0; z-index: -1; background-image: url(../img/hero-img.png); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.3; border-radius: 50% 50% 0 0; } .primary-header { transition: all 0.3s ease; } @media (min-width: 992px) { .primary-header { --bs-navbar-padding-y: 0; --bs-navbar-nav-link-padding-x: 0.75rem; } } .primary-header--sticky { position: sticky; z-index: 100; } .primary-header--fixed { width: 100%; position: fixed; z-index: 100; } .primary-header--light .navbar-toggler { background-color: var(--bs-secondary); color: var(--bs-light); } .primary-header--light .nav-link { color: var(--bs-dark-text-emphasis); font-weight: 500; } .primary-header--light .nav-link.active { color: var(--bs-secondary); } .primary-header--light .navigation-0__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--light .navigation-0__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--light .navigation-0__menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--light .navigation-0__menu-link { background-color: rgba(var(--bs-secondary-rgb), 0.1); } .primary-header--light .navigation-0__menu-link:hover { color: var(--bs-secondary-text-emphasis); background-color: rgba(var(--bs-secondary-rgb), 0.15); } } @media (min-width: 992px) { .primary-header--light .navigation-1.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } .primary-header--light .navigation-1__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--light .navigation-1__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--light .navigation-1__menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--light .navigation-1__menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--light .navigation-1__sub-menu { background-color: var(--bs-tertiary-bg); } } .primary-header--light .navigation-1__sub-menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--light .navigation-1__sub-menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--light .navigation-2__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--light .navigation-2__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--light .navigation-2__menu-link:hover { background-color: var(--bs-secondary-bg-subtle); } @media (min-width: 992px) { .primary-header--light .navigation-2__menu-link:hover { background-color: rgba(var(--bs-secondary-rgb), 0.1); } .primary-header--light .navigation-2__menu-link:hover .navigation-2__menu-icon { background-color: var(--bs-secondary); } .primary-header--light .navigation-2__menu-link:hover .navigation-2__menu-icon-is { color: var(--bs-light); } } .primary-header--light .navigation-2__menu-title { color: var(--bs-heading-color); } .primary-header--light .navigation-2__menu-text { color: var(--bs-body-color); } .primary-header--light .navigation-2__menu-icon { background-color: rgba(var(--bs-secondary-rgb), 0.15); transition: all 0.3s ease; } .primary-header--light .navigation-2__menu-icon-is { color: var(--bs-secondary-text-emphasis); transition: all 0.3s ease; } @media (min-width: 992px) { .primary-header--light .navigation-3.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } .primary-header--light .navigation-3__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--light .navigation-3__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--light .navigation-3__menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--light .navigation-3__menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--light .navigation-3__sub-menu { background-color: var(--bs-tertiary-bg); } } .primary-header--light .navigation-3__sub-menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--light .navigation-3__sub-menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--light .has-sub-level-2:hover>.navigation-1__menu-link { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--light:not(.primary-header--boxed) { background-color: var(--bs-tertiary-bg); color: var(--bs-light-text-emphasis); } .primary-header--light.primary-header--boxed { --bs-navbar-padding-y: 0; } .primary-header--light.primary-header--boxed>.container { --bs-gutter-x: 3rem; padding-block: 0.75rem; background-color: var(--bs-tertiary-bg); } @media (min-width: 992px) { .primary-header--light.primary-header--boxed>.container { padding-block: 0.25rem; filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); } } .primary-header--light .btn.dropdown-toggle { color: rgba(var(--bs-emphasis-color-rgb), 0.65); } .primary-header--light-alt .navbar-toggler { background-color: var(--bs-secondary); color: var(--bs-light); } .primary-header--light-alt .nav-link { color: var(--bs-dark-text-emphasis); font-weight: 500; } .primary-header--light-alt .nav-link.active { color: var(--bs-secondary); } .primary-header--light-alt .navigation-0__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--light-alt .navigation-0__menu { background-color: var(--bs-dark); } } .primary-header--light-alt .navigation-0__menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--light-alt .navigation-0__menu-link { color: var(--bs-light); background-color: rgba(var(--bs-light-rgb), 0.05); } } @media (min-width: 992px) { .primary-header--light-alt .navigation-0__menu-link:hover { background-color: rgba(var(--bs-light-rgb), 0.1); } } @media (min-width: 992px) { .primary-header--light-alt .navigation-1.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } .primary-header--light-alt .navigation-1__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--light-alt .navigation-1__menu { background-color: var(--bs-dark); } } .primary-header--light-alt .navigation-1__menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--light-alt .navigation-1__menu-link { color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--light-alt .navigation-1__menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--light-alt .navigation-1__sub-menu { background-color: var(--bs-dark); } } .primary-header--light-alt .navigation-1__sub-menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--light-alt .navigation-1__sub-menu-link { color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--light-alt .navigation-1__sub-menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--light-alt .navigation-2__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--light-alt .navigation-2__menu { background-color: var(--bs-dark); } } .primary-header--light-alt .navigation-2__menu-link:hover { background-color: var(--bs-secondary-bg-subtle); } @media (min-width: 992px) { .primary-header--light-alt .navigation-2__menu-link:hover { background-color: rgba(var(--bs-secondary-rgb), 0.1); } .primary-header--light-alt .navigation-2__menu-link:hover .navigation-2__menu-icon { background-color: var(--bs-secondary); } .primary-header--light-alt .navigation-2__menu-link:hover .navigation-2__menu-icon-is { color: var(--bs-light); } } .primary-header--light-alt .navigation-2__menu-title { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--light-alt .navigation-2__menu-title { color: var(--bs-white); } } .primary-header--light-alt .navigation-2__menu-text { color: var(--bs-body-color); } @media (min-width: 992px) { .primary-header--light-alt .navigation-2__menu-text { color: rgba(var(--bs-white-rgb), 0.7); } } .primary-header--light-alt .navigation-2__menu-icon { background-color: rgba(var(--bs-secondary-rgb), 0.15); transition: all 0.3s ease; } @media (min-width: 992px) { .primary-header--light-alt .navigation-2__menu-icon { background-color: rgba(var(--bs-light-rgb), 0.15); } } .primary-header--light-alt .navigation-2__menu-icon-is { color: var(--bs-secondary-text-emphasis); transition: all 0.3s ease; } @media (min-width: 992px) { .primary-header--light-alt .navigation-2__menu-icon-is { color: var(--bs-light); } } .primary-header--light-alt .navigation-2__menu-promo { --bs-bg-opacity: 0.1; } .primary-header--light-alt .navigation-2__figure-title { color: var(--bs-light) !important; } .primary-header--light-alt .navigation-2__figure-text { color: var(--bs-light) !important; } @media (min-width: 992px) { .primary-header--light-alt .navigation-3.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } .primary-header--light-alt .navigation-3__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--light-alt .navigation-3__menu { background-color: var(--bs-dark); } } .primary-header--light-alt .navigation-3__menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--light-alt .navigation-3__menu-link { color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--light-alt .navigation-3__menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--light-alt .navigation-3__menu-title { color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--light-alt .navigation-3__menu-text { color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--light-alt .navigation-3__sub-menu { background-color: var(--bs-dark); } } .primary-header--light-alt .navigation-3__sub-menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--light-alt .navigation-3__sub-menu-link { color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--light-alt .navigation-3__sub-menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--light-alt .has-sub-level-2:hover>.navigation-1__menu-link { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--light-alt:not(.primary-header--boxed) { background-color: var(--bs-tertiary-bg); color: var(--bs-light-text-emphasis); } .primary-header--light-alt.primary-header--boxed { --bs-navbar-padding-y: 0; } .primary-header--light-alt.primary-header--boxed>.container { --bs-gutter-x: 3rem; padding-block: 0.75rem; background-color: var(--bs-tertiary-bg); } @media (min-width: 992px) { .primary-header--light-alt.primary-header--boxed>.container { padding-block: 0.25rem; filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); } } .primary-header--light-alt .btn.dropdown-toggle { color: rgba(var(--bs-emphasis-color-rgb), 0.65); } .primary-header--dark .navbar-toggler { background-color: rgba(var(--bs-light-rgb), 0.1); color: var(--bs-light); } .primary-header--dark .nav-link { color: var(--bs-light); } .primary-header--dark .nav-link.active { color: var(--bs-secondary); } @media (min-width: 992px) { .primary-header--dark .navigation-0.has-sub-level-1:hover:hover>a { color: var(--bs-primary-bg-subtle); } } .primary-header--dark .navigation-0__menu { background-color: rgba(var(--bs-light-rgb), 0.05); } @media (min-width: 992px) { .primary-header--dark .navigation-0__menu { background-color: var(--bs-dark); } } .primary-header--dark .navigation-0__menu-link { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--dark .navigation-0__menu-link:hover { background-color: rgba(var(--bs-light-rgb), 0.1); } } @media (min-width: 992px) { .primary-header--dark .navigation-1.has-sub-level-1:hover>a { color: var(--bs-primary-bg-subtle); } } .primary-header--dark .navigation-1__menu { background-color: rgba(var(--bs-light-rgb), 0.05); } @media (min-width: 992px) { .primary-header--dark .navigation-1__menu { background-color: var(--bs-dark); } } .primary-header--dark .navigation-1__menu-link { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--dark .navigation-1__menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--dark .navigation-1__sub-menu { background-color: var(--bs-dark); } } .primary-header--dark .navigation-1__sub-menu-link { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--dark .navigation-1__sub-menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--dark .navigation-2__menu { background-color: rgba(var(--bs-light-rgb), 0.05); } @media (min-width: 992px) { .primary-header--dark .navigation-2__menu { background-color: var(--bs-dark); } } .primary-header--dark .navigation-2__menu-link:hover { background-color: rgba(var(--bs-light-rgb), 0.05); } @media (min-width: 992px) { .primary-header--dark .navigation-2__menu-link:hover { background-color: rgba(var(--bs-secondary-rgb), 0.1); } .primary-header--dark .navigation-2__menu-link:hover .navigation-2__menu-icon { background-color: var(--bs-secondary); } .primary-header--dark .navigation-2__menu-link:hover .navigation-2__menu-icon-is { color: var(--bs-light); } } .primary-header--dark .navigation-2__menu-title { color: var(--bs-white); } .primary-header--dark .navigation-2__menu-text { color: rgba(var(--bs-white-rgb), 0.7); } .primary-header--dark .navigation-2__menu-icon { background-color: var(--bs-dark); transition: all 0.3s ease; } @media (min-width: 992px) { .primary-header--dark .navigation-2__menu-icon { background-color: rgba(var(--bs-light-rgb), 0.15); } } .primary-header--dark .navigation-2__menu-icon-is { color: var(--bs-light); transition: all 0.3s ease; } @media (min-width: 992px) { .primary-header--dark .navigation-2__menu-icon-is { color: var(--bs-light); } } .primary-header--dark .navigation-2__menu-promo { --bs-bg-opacity: 0.1; } .primary-header--dark .navigation-2__figure-title { color: var(--bs-light) !important; } .primary-header--dark .navigation-2__figure-text { color: var(--bs-light) !important; } @media (min-width: 992px) { .primary-header--dark .navigation-3.has-sub-level-1:hover>a { color: var(--bs-primary-bg-subtle); } } .primary-header--dark .navigation-3__menu { background-color: rgba(var(--bs-light-rgb), 0.05); } @media (min-width: 992px) { .primary-header--dark .navigation-3__menu { background-color: var(--bs-dark); } } .primary-header--dark .navigation-3__menu-link { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--dark .navigation-3__menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--dark .navigation-3__menu-title { color: var(--bs-light); } .primary-header--dark .navigation-3__menu-text { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--dark .navigation-3__sub-menu { background-color: var(--bs-dark); } } .primary-header--dark .navigation-3__sub-menu-link { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--dark .navigation-3__sub-menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--dark .has-sub-level-2:hover>.navigation-1__menu-link { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--dark:not(.primary-header--boxed) { background-color: var(--bs-dark); color: var(--bs-light); } .primary-header--dark.primary-header--boxed { --bs-navbar-padding-y: 0; } .primary-header--dark.primary-header--boxed>.container { --bs-gutter-x: 3rem; padding-block: 0.75rem; background-color: var(--bs-dark); } @media (min-width: 992px) { .primary-header--dark.primary-header--boxed>.container { padding-block: 0.25rem; filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); } } .primary-header--dark .btn.dropdown-toggle { color: var(--bs-light); } .primary-header--dark-alt .navbar-toggler { background-color: rgba(var(--bs-light-rgb), 0.1); color: var(--bs-light); } .primary-header--dark-alt .nav-link { color: var(--bs-light); } .primary-header--dark-alt .nav-link.active { color: var(--bs-secondary); } @media (min-width: 992px) { .primary-header--dark-alt .navigation-0.has-sub-level-1:hover:hover>a { color: var(--bs-secondary); } } .primary-header--dark-alt .navigation-0__menu { background-color: rgba(var(--bs-light-rgb), 0.05); } @media (min-width: 992px) { .primary-header--dark-alt .navigation-0__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--dark-alt .navigation-0__menu-link { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--dark-alt .navigation-0__menu-link { background-color: rgba(var(--bs-secondary-rgb), 0.1); color: var(--bs-dark-text-emphasis); } .primary-header--dark-alt .navigation-0__menu-link:hover { color: var(--bs-secondary-text-emphasis); background-color: rgba(var(--bs-secondary-rgb), 0.15); } } @media (min-width: 992px) { .primary-header--dark-alt .navigation-1.has-sub-level-1:hover>a { color: var(--bs-secondary); } } .primary-header--dark-alt .navigation-1__menu { background-color: rgba(var(--bs-light-rgb), 0.05); } @media (min-width: 992px) { .primary-header--dark-alt .navigation-1__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--dark-alt .navigation-1__menu-link { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--dark-alt .navigation-1__menu-link { color: var(--bs-dark-text-emphasis); } } @media (min-width: 992px) { .primary-header--dark-alt .navigation-1__menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--dark-alt .navigation-1__sub-menu { background-color: var(--bs-tertiary-bg); } } .primary-header--dark-alt .navigation-1__sub-menu-link { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--dark-alt .navigation-1__sub-menu-link { color: var(--bs-dark-text-emphasis); } } @media (min-width: 992px) { .primary-header--dark-alt .navigation-1__sub-menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--dark-alt .navigation-2__menu { background-color: rgba(var(--bs-light-rgb), 0.05); } @media (min-width: 992px) { .primary-header--dark-alt .navigation-2__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--dark-alt .navigation-2__menu-link:hover { background-color: rgba(var(--bs-light-rgb), 0.05); } @media (min-width: 992px) { .primary-header--dark-alt .navigation-2__menu-link:hover { background-color: rgba(var(--bs-secondary-rgb), 0.1); } .primary-header--dark-alt .navigation-2__menu-link:hover .navigation-2__menu-icon { background-color: var(--bs-secondary); } .primary-header--dark-alt .navigation-2__menu-link:hover .navigation-2__menu-icon-is { color: var(--bs-light); } } .primary-header--dark-alt .navigation-2__menu-title { color: var(--bs-white); } @media (min-width: 992px) { .primary-header--dark-alt .navigation-2__menu-title { color: var(--bs-heading-color); } } .primary-header--dark-alt .navigation-2__menu-text { color: rgba(var(--bs-white-rgb), 0.7); } @media (min-width: 992px) { .primary-header--dark-alt .navigation-2__menu-text { color: var(--bs-body-color); } } .primary-header--dark-alt .navigation-2__menu-icon { background-color: var(--bs-dark); transition: all 0.3s ease; } @media (min-width: 992px) { .primary-header--dark-alt .navigation-2__menu-icon { background-color: rgba(var(--bs-secondary-rgb), 0.15); } } .primary-header--dark-alt .navigation-2__menu-icon-is { color: var(--bs-light); transition: all 0.3s ease; } @media (min-width: 992px) { .primary-header--dark-alt .navigation-2__menu-icon-is { color: var(--bs-secondary-text-emphasis); } } @media (min-width: 992px) { .primary-header--dark-alt .navigation-3.has-sub-level-1:hover>a { color: var(--bs-secondary); } } .primary-header--dark-alt .navigation-3__menu { background-color: rgba(var(--bs-light-rgb), 0.05); } @media (min-width: 992px) { .primary-header--dark-alt .navigation-3__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--dark-alt .navigation-3__menu-link { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--dark-alt .navigation-3__menu-link { color: var(--bs-dark-text-emphasis); } } @media (min-width: 992px) { .primary-header--dark-alt .navigation-3__menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--dark-alt .navigation-3__sub-menu { background-color: var(--bs-tertiary-bg); } } .primary-header--dark-alt .navigation-3__sub-menu-link { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--dark-alt .navigation-3__sub-menu-link { color: var(--bs-dark-text-emphasis); } } @media (min-width: 992px) { .primary-header--dark-alt .navigation-3__sub-menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--dark-alt .has-sub-level-2:hover>.navigation-1__menu-link { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--dark-alt:not(.primary-header--boxed) { background-color: var(--bs-dark); color: var(--bs-light); } .primary-header--dark-alt.primary-header--boxed { --bs-navbar-padding-y: 0; } .primary-header--dark-alt.primary-header--boxed>.container { --bs-gutter-x: 3rem; padding-block: 0.75rem; background-color: var(--bs-dark); } @media (min-width: 992px) { .primary-header--dark-alt.primary-header--boxed>.container { padding-block: 0.25rem; filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); } } .primary-header--dark-alt .btn.dropdown-toggle { color: var(--bs-light); } .primary-header--transparent-light .navbar-toggler { background-color: var(--bs-secondary); color: var(--bs-light); } .primary-header--transparent-light .navbar-collapse { padding: 0.5rem 1rem; background-color: var(--bs-light-bg-subtle); } @media (min-width: 992px) { .primary-header--transparent-light .navbar-collapse { padding: 0; background-color: transparent; } } @media (min-width: 992px) { .primary-header--transparent-light .nav-link { color: var(--bs-light); } } .primary-header--transparent-light .nav-link.active { color: var(--bs-secondary); } @media (min-width: 992px) { .primary-header--transparent-light .navigation-0.has-sub-level-1:hover:hover>a { color: var(--bs-secondary); } } .primary-header--transparent-light .navigation-0__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-light .navigation-0__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--transparent-light .navigation-0__menu-link { color: var(--bs-secondary-text-emphasis); } @media (min-width: 992px) { .primary-header--transparent-light .navigation-0__menu-link { background-color: rgba(var(--bs-secondary-rgb), 0.1); } .primary-header--transparent-light .navigation-0__menu-link:hover { color: var(--bs-secondary-text-emphasis); background-color: rgba(var(--bs-secondary-rgb), 0.15); } } .primary-header--transparent-light .navigation-0__menu-title { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-light .navigation-1.has-sub-level-1:hover>a { color: var(--bs-secondary); } } .primary-header--transparent-light .navigation-1__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-light .navigation-1__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--transparent-light .navigation-1__menu-link { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-light .navigation-1__menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--transparent-light .navigation-1__sub-menu { background-color: var(--bs-tertiary-bg); } } .primary-header--transparent-light .navigation-1__sub-menu-link { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-light .navigation-1__sub-menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--transparent-light .navigation-2__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-light .navigation-2__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--transparent-light .navigation-2__menu-link:hover { background-color: var(--bs-secondary-bg-subtle); } @media (min-width: 992px) { .primary-header--transparent-light .navigation-2__menu-link:hover { background-color: rgba(var(--bs-secondary-rgb), 0.1); } .primary-header--transparent-light .navigation-2__menu-link:hover .navigation-2__menu-icon { background-color: var(--bs-secondary); } .primary-header--transparent-light .navigation-2__menu-link:hover .navigation-2__menu-icon-is { color: var(--bs-light); } } .primary-header--transparent-light .navigation-2__menu-title { color: var(--bs-heading-color); } .primary-header--transparent-light .navigation-2__menu-text { color: var(--bs-body-color); } .primary-header--transparent-light .navigation-2__menu-icon { background-color: rgba(var(--bs-secondary-rgb), 0.15); transition: all 0.3s ease; } .primary-header--transparent-light .navigation-2__menu-icon-is { color: var(--bs-secondary-text-emphasis); transition: all 0.3s ease; } @media (min-width: 992px) { .primary-header--transparent-light .navigation-3.has-sub-level-1:hover>a { color: var(--bs-secondary); } } .primary-header--transparent-light .navigation-3__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-light .navigation-3__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--transparent-light .navigation-3__menu-link { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-light .navigation-3__menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--transparent-light .navigation-3__menu-text { color: var(--bs-body-color); } } @media (min-width: 992px) { .primary-header--transparent-light .navigation-3__sub-menu { background-color: var(--bs-tertiary-bg); } } .primary-header--transparent-light .navigation-3__sub-menu-link { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-light .navigation-3__sub-menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--transparent-light .has-sub-level-2:hover>.navigation-1__menu-link { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--transparent-light .btn.dropdown-toggle { color: var(--bs-dark); } @media (min-width: 992px) { .primary-header--transparent-light .btn.dropdown-toggle { color: var(--bs-light); } } .primary-header--transparent-light-alt .navbar-toggler { background-color: var(--bs-secondary); color: var(--bs-light); } .primary-header--transparent-light-alt .navbar-collapse { padding: 0.5rem 1rem; background-color: var(--bs-light-bg-subtle); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navbar-collapse { padding: 0; background-color: transparent; } } @media (min-width: 992px) { .primary-header--transparent-light-alt .nav-link { color: var(--bs-light); } } .primary-header--transparent-light-alt .nav-link.active { color: var(--bs-secondary); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-0.has-sub-level-1:hover:hover>a { color: var(--bs-secondary); } } .primary-header--transparent-light-alt .navigation-0__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-0__menu { background-color: var(--bs-dark-text-emphasis); } } .primary-header--transparent-light-alt .navigation-0__menu-link { color: var(--bs-secondary-text-emphasis); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-0__menu-link { background-color: rgba(var(--bs-light-rgb), 0.05); } .primary-header--transparent-light-alt .navigation-0__menu-link:hover { background-color: rgba(var(--bs-light-rgb), 0.1); } } .primary-header--transparent-light-alt .navigation-0__menu-title { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-0__menu-title { color: var(--bs-dark-bg-subtle); } } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-1.has-sub-level-1:hover>a { color: var(--bs-secondary); } } .primary-header--transparent-light-alt .navigation-1__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-1__menu { background-color: var(--bs-dark-text-emphasis); } } .primary-header--transparent-light-alt .navigation-1__menu-link { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-1__menu-link { color: var(--bs-dark-bg-subtle); } } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-1__menu-link:hover { background-color: var(--bs-dark); color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-1__sub-menu { background-color: var(--bs-dark-text-emphasis); } } .primary-header--transparent-light-alt .navigation-1__sub-menu-link { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-1__sub-menu-link { color: var(--bs-dark-bg-subtle); } } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-1__sub-menu-link:hover { background-color: var(--bs-dark); color: var(--bs-light); } } .primary-header--transparent-light-alt .navigation-2__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-2__menu { background-color: var(--bs-dark-text-emphasis); } } .primary-header--transparent-light-alt .navigation-2__menu-link:hover { background-color: var(--bs-secondary-bg-subtle); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-2__menu-link:hover { background-color: rgba(var(--bs-secondary-rgb), 0.1); } .primary-header--transparent-light-alt .navigation-2__menu-link:hover .navigation-2__menu-icon { background-color: var(--bs-secondary); } .primary-header--transparent-light-alt .navigation-2__menu-link:hover .navigation-2__menu-icon-is { color: var(--bs-light); } } .primary-header--transparent-light-alt .navigation-2__menu-title { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-2__menu-title { color: var(--bs-white); } } .primary-header--transparent-light-alt .navigation-2__menu-text { color: var(--bs-body-color); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-2__menu-text { color: rgba(var(--bs-white-rgb), 0.7); } } .primary-header--transparent-light-alt .navigation-2__menu-icon { background-color: var(--bs-secondary-bg-subtle); transition: all 0.3s ease; } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-2__menu-icon { background-color: rgba(var(--bs-light-rgb), 0.15); } } .primary-header--transparent-light-alt .navigation-2__menu-icon-is { color: var(--bs-secondary-text-emphasis); transition: all 0.3s ease; } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-2__menu-icon-is { color: var(--bs-light); } } .primary-header--transparent-light-alt .navigation-2__menu-promo { --bs-bg-opacity: 0.1; } .primary-header--transparent-light-alt .navigation-2__figure-title { color: var(--bs-light) !important; } .primary-header--transparent-light-alt .navigation-2__figure-text { color: var(--bs-light) !important; } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-3.has-sub-level-1:hover>a { color: var(--bs-secondary); } } .primary-header--transparent-light-alt .navigation-3__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-3__menu { background-color: var(--bs-dark-text-emphasis); } } .primary-header--transparent-light-alt .navigation-3__menu-link { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-3__menu-link { color: var(--bs-dark-bg-subtle); } } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-3__menu-link:hover { background-color: var(--bs-dark); color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-3__menu-title { color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-3__menu-text { color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-3__sub-menu { background-color: var(--bs-dark-text-emphasis); } } .primary-header--transparent-light-alt .navigation-3__sub-menu-link { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-3__sub-menu-link { color: var(--bs-dark-bg-subtle); } } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-3__sub-menu-link:hover { background-color: var(--bs-dark); color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--transparent-light-alt .has-sub-level-2:hover>.navigation-1__menu-link { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) and (min-width: 992px) { .primary-header--transparent-light-alt .has-sub-level-2:hover>.navigation-1__menu-link { background-color: var(--bs-dark); color: var(--bs-light); } } .primary-header--transparent-light-alt .btn.dropdown-toggle { color: var(--bs-dark); } @media (min-width: 992px) { .primary-header--transparent-light-alt .btn.dropdown-toggle { color: var(--bs-light); } } .primary-header--transparent-dark .navbar-toggler { background-color: var(--bs-secondary); color: var(--bs-light); } .primary-header--transparent-dark .navbar-collapse { padding: 0.5rem 1rem; background-color: var(--bs-light-bg-subtle); } @media (min-width: 992px) { .primary-header--transparent-dark .navbar-collapse { padding: 0; background-color: transparent; } } @media (min-width: 992px) { .primary-header--transparent-dark .nav-link { color: var(--bs-dark); } } .primary-header--transparent-dark .nav-link.active { color: var(--bs-secondary); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-0.has-sub-level-1:hover:hover>a { color: var(--bs-secondary); } } .primary-header--transparent-dark .navigation-0__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-0__menu { background-color: var(--bs-dark); } } .primary-header--transparent-dark .navigation-0__menu-link { color: var(--bs-secondary-text-emphasis); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-0__menu-link { color: var(--bs-light); background-color: rgba(var(--bs-light-rgb), 0.05); } .primary-header--transparent-dark .navigation-0__menu-link:hover { background-color: rgba(var(--bs-light-rgb), 0.1); } } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-1.has-sub-level-1:hover>a { color: var(--bs-primary); } } .primary-header--transparent-dark .navigation-1__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-1__menu { background-color: var(--bs-dark); } } .primary-header--transparent-dark .navigation-1__menu-link { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-1__menu-link { color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-1__menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-1__sub-menu { background-color: var(--bs-dark); } } .primary-header--transparent-dark .navigation-1__sub-menu-link { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-1__sub-menu-link { color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-1__sub-menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--transparent-dark .navigation-2__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-2__menu { background-color: var(--bs-dark); } } .primary-header--transparent-dark .navigation-2__menu-link:hover { background-color: var(--bs-secondary-bg-subtle); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-2__menu-link:hover { background-color: rgba(var(--bs-secondary-rgb), 0.1); } .primary-header--transparent-dark .navigation-2__menu-link:hover .navigation-2__menu-icon { background-color: var(--bs-secondary); } .primary-header--transparent-dark .navigation-2__menu-link:hover .navigation-2__menu-icon-is { color: var(--bs-light); } } .primary-header--transparent-dark .navigation-2__menu-title { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-2__menu-title { color: var(--bs-white); } } .primary-header--transparent-dark .navigation-2__menu-text { color: var(--bs-body-color); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-2__menu-text { color: rgba(var(--bs-white-rgb), 0.7); } } .primary-header--transparent-dark .navigation-2__menu-icon { background-color: var(--bs-secondary-bg-subtle); transition: all 0.3s ease; } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-2__menu-icon { background-color: rgba(var(--bs-light-rgb), 0.15); } } .primary-header--transparent-dark .navigation-2__menu-icon-is { color: var(--bs-secondary-text-emphasis); transition: all 0.3s ease; } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-2__menu-icon-is { color: var(--bs-light); } } .primary-header--transparent-dark .navigation-2__menu-promo { --bs-bg-opacity: 0.1; } .primary-header--transparent-dark .navigation-2__figure-title { color: var(--bs-light) !important; } .primary-header--transparent-dark .navigation-2__figure-text { color: var(--bs-light) !important; } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-3.has-sub-level-1:hover>a { color: var(--bs-primary); } } .primary-header--transparent-dark .navigation-3__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-3__menu { background-color: var(--bs-dark); } } .primary-header--transparent-dark .navigation-3__menu-link { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-3__menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-3__menu-title { color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-3__menu-text { color: var(--bs-light); } } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-3__sub-menu { background-color: var(--bs-dark); } } .primary-header--transparent-dark .navigation-3__sub-menu-link { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-3__sub-menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--transparent-dark .has-sub-level-2:hover>.navigation-1__menu-link { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--transparent-dark .btn.dropdown-toggle { color: var(--bs-dark); } .primary-header--transparent-dark-alt .navbar-toggler { background-color: var(--bs-secondary); color: var(--bs-light); } .primary-header--transparent-dark-alt .navbar-collapse { padding: 0.5rem 1rem; background-color: var(--bs-light-bg-subtle); } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navbar-collapse { padding: 0; background-color: transparent; } } .primary-header--transparent-dark-alt .nav-link { color: var(--bs-heading-color); } @media (min-width: 992px) { .primary-header--transparent-dark-alt .nav-link { color: var(--bs-dark); } } .primary-header--transparent-dark-alt .nav-link.active { color: var(--bs-secondary); } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-0.has-sub-level-1:hover:hover>a { color: var(--bs-secondary); } } .primary-header--transparent-dark-alt .navigation-0__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-0__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--transparent-dark-alt .navigation-0__menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-0__menu-link { background-color: rgba(var(--bs-secondary-rgb), 0.05); } .primary-header--transparent-dark-alt .navigation-0__menu-link:hover { color: var(--bs-secondary-text-emphasis); background-color: rgba(var(--bs-secondary-rgb), 0.1); } } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-1.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } .primary-header--transparent-dark-alt .navigation-1__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-1__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--transparent-dark-alt .navigation-1__menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-1__menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-1__sub-menu { background-color: var(--bs-tertiary-bg); } } .primary-header--transparent-dark-alt .navigation-1__sub-menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-1__sub-menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--transparent-dark-alt .navigation-2__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-2__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--transparent-dark-alt .navigation-2__menu-link:hover { background-color: var(--bs-secondary-bg-subtle); } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-2__menu-link:hover { background-color: rgba(var(--bs-secondary-rgb), 0.1); } .primary-header--transparent-dark-alt .navigation-2__menu-link:hover .navigation-2__menu-icon { background-color: var(--bs-secondary); } .primary-header--transparent-dark-alt .navigation-2__menu-link:hover .navigation-2__menu-icon-is { color: var(--bs-light); } } .primary-header--transparent-dark-alt .navigation-2__menu-title { color: var(--bs-heading-color); } .primary-header--transparent-dark-alt .navigation-2__menu-text { color: var(--bs-body-color); } .primary-header--transparent-dark-alt .navigation-2__menu-icon { background-color: rgba(var(--bs-secondary-rgb), 0.15); transition: all 0.3s ease; } .primary-header--transparent-dark-alt .navigation-2__menu-icon-is { color: var(--bs-secondary-text-emphasis); transition: all 0.3s ease; } .primary-header--transparent-dark-alt .navigation-2__menu-promo { --bs-bg-opacity: 0.1; } .primary-header--transparent-dark-alt .navigation-2__figure-title { color: var(--bs-light) !important; } .primary-header--transparent-dark-alt .navigation-2__figure-text { color: var(--bs-light) !important; } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-3.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } .primary-header--transparent-dark-alt .navigation-3__menu { background-color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-3__menu { background-color: var(--bs-tertiary-bg); } } .primary-header--transparent-dark-alt .navigation-3__menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-3__menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-3__sub-menu { background-color: var(--bs-tertiary-bg); } } .primary-header--transparent-dark-alt .navigation-3__sub-menu-link { color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { .primary-header--transparent-dark-alt .navigation-3__sub-menu-link:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header--transparent-dark-alt .has-sub-level-2:hover>.navigation-1__menu-link { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); } } .primary-header--transparent-dark-alt .btn.dropdown-toggle { color: var(--bs-dark); } .primary-header>.container { position: relative; border-radius: 0.35rem; } .primary-header .navbar-collapse { max-height: calc(100vh - 3.25rem); overflow-y: auto; scrollbar-color: transparent transparent; scrollbar-width: none; } .primary-header .navbar-collapse::-webkit-scrollbar { width: 0; height: 0; } .primary-header .navbar-collapse::-webkit-scrollbar-track { background: transparent; } .primary-header .navbar-collapse::-webkit-scrollbar-thumb { background: transparent; } @media (min-width: 992px) { .primary-header .navbar-collapse { max-height: none; overflow-y: unset; } } @media (min-width: 992px) { .primary-header .navbar-nav { --bs-nav-link-padding-y: 1rem; } } .primary-header .navbar-toggler { display: grid; place-content: center; width: 2.25rem; height: 2.25rem; padding: 0; font-size: 1.5rem; border-radius: 0.35rem; } @media (min-width: 992px) { .primary-header .navbar-toggler { display: none; } } .primary-header .navbar-toggler:focus { outline: none; box-shadow: none; } .primary-header .navbar-toggler-icon { width: 1.5rem; height: 1.5rem; } .primary-header .has-sub-level-1>.nav-link { display: flex; align-items: center; justify-content: space-between; } @media (min-width: 992px) { .primary-header .has-sub-level-1>.nav-link { gap: 0.35rem; } } .primary-header .has-sub-level-1>.nav-link::after { --svg: url('data:image/svg+xml,'); content: ""; display: inline-block; width: 0.875rem; height: 0.875rem; flex-shrink: 0; background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .primary-header .has-sub-level-2>.navigation-1__menu-link { display: flex; align-items: center; justify-content: space-between; } @media (min-width: 992px) { .primary-header .has-sub-level-2>.navigation-1__menu-link { gap: 0.25rem; } } .primary-header .has-sub-level-2>.navigation-1__menu-link::after { --svg: url('data:image/svg+xml,'); content: ""; display: inline-block; width: 0.875rem; height: 0.875rem; flex-shrink: 0; background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } @media (min-width: 992px) { .primary-header .has-sub-level-2>.navigation-1__menu-link::after { --svg: url('data:image/svg+xml,'); } } .primary-header-crossed .primary-header--transparent-dark:not(.primary-header--boxed) { background-color: var(--bs-light-bg-subtle); color: var(--bs-light-text-emphasis); filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-dark.primary-header--boxed>.container { background-color: var(--bs-light-bg-subtle); color: var(--bs-light-text-emphasis); filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); } } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-dark .nav-link { color: var(--bs-dark); } } .primary-header-crossed .primary-header--transparent-dark .nav-link.active { color: var(--bs-primary); } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-dark .navigation-0.has-sub-level-1:hover:hover>a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-dark .navigation-1.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-dark .navigation-3.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } .primary-header-crossed .primary-header--transparent-dark .btn.dropdown-toggle { color: var(--bs-dark); } .primary-header-crossed .primary-header--transparent-dark-alt:not(.primary-header--boxed) { background-color: var(--bs-light-bg-subtle); color: var(--bs-light-text-emphasis); filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-dark-alt.primary-header--boxed>.container { background-color: var(--bs-light-bg-subtle); color: var(--bs-light-text-emphasis); filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); } } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-dark-alt .nav-link { color: var(--bs-dark); } } .primary-header-crossed .primary-header--transparent-dark-alt .nav-link.active { color: var(--bs-primary); } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-dark-alt .navigation-0.has-sub-level-1:hover:hover>a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-dark-alt .navigation-1.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-dark-alt .navigation-3.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } .primary-header-crossed .primary-header--transparent-dark-alt .btn.dropdown-toggle { color: var(--bs-dark); } .primary-header-crossed .primary-header--transparent-light:not(.primary-header--boxed) { background-color: var(--bs-dark); color: var(--bs-light); filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-light.primary-header--boxed>.container { background-color: var(--bs-dark); color: var(--bs-light); filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); } } .primary-header-crossed .primary-header--transparent-light-alt:not(.primary-header--boxed) { background-color: var(--bs-dark); color: var(--bs-light); filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-light-alt.primary-header--boxed>.container { background-color: var(--bs-dark); color: var(--bs-light); filter: drop-shadow(0 0.25rem 0.75rem rgba(var(--bs-black-rgb), 0.1)); } } .primary-header-crossed .primary-header-crossed\:top-0 { inset-block-start: 0 !important; } @media (min-width: 768px) { .primary-header-crossed .primary-header-crossed\:top-md-0 { inset-block-start: 0 !important; } } .primary-header-crossed .primary-header-crossed\:top-1 { inset-block-start: 0.25rem !important; } @media (min-width: 768px) { .primary-header-crossed .primary-header-crossed\:top-md-1 { inset-block-start: 0.25rem !important; } } .primary-header-crossed .primary-header-crossed\:top-2 { inset-block-start: 0.5rem !important; } @media (min-width: 768px) { .primary-header-crossed .primary-header-crossed\:top-md-2 { inset-block-start: 0.5rem !important; } } .primary-header-crossed .primary-header-crossed\:full-dark.primary-header--dark { background-color: var(--bs-dark) !important; } .primary-header-crossed .primary-header-crossed\:full-dark.primary-header--dark-alt { background-color: var(--bs-dark) !important; } .primary-header-crossed .primary-header-crossed\:full-light.primary-header--light { background-color: var(--bs-tertiary-bg) !important; } .primary-header-crossed .primary-header-crossed\:full-light.primary-header--light-alt { background-color: var(--bs-tertiary-bg) !important; } [data-bs-theme=dark] .primary-header--light .navigation-0__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--light .navigation-1__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--light .navigation-2__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--light .navigation-3__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--light-alt .navigation-0__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--light-alt .navigation-1__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--light-alt .navigation-2__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--light-alt .navigation-3__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--dark .nav-link.active { color: var(--bs-primary-text-emphasis); } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--dark .navigation-0.has-sub-level-1:hover:hover>a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--dark .navigation-1.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--dark .navigation-3.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } [data-bs-theme=dark] .primary-header--transparent-light .nav-link.active { color: var(--bs-primary-text-emphasis); } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light .navigation-0.has-sub-level-1:hover:hover>a { color: var(--bs-primary-text-emphasis); } } [data-bs-theme=dark] .primary-header--transparent-light .navigation-0__menu { background-color: var(--bs-dark); } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light .navigation-1.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } [data-bs-theme=dark] .primary-header--transparent-light .navigation-1__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--transparent-light .navigation-2__menu { background-color: var(--bs-dark); } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light .navigation-3.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } [data-bs-theme=dark] .primary-header--transparent-light .navigation-3__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--transparent-light .btn.dropdown-toggle { color: var(--bs-light); } [data-bs-theme=dark] .primary-header--transparent-light-alt .nav-link.active { color: var(--bs-primary-text-emphasis); } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-0.has-sub-level-1:hover:hover>a { color: var(--bs-primary-text-emphasis); } } [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-0__menu { background-color: var(--bs-dark); } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-0__menu { background-color: var(--bs-dark-bg-subtle); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-0__menu-title { color: var(--bs-dark-text-emphasis); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-1.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-1__menu { background-color: var(--bs-dark); } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-1__menu { background-color: var(--bs-dark-bg-subtle); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-1__menu-link { color: var(--bs-dark-text-emphasis); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-1__sub-menu { background-color: var(--bs-dark-bg-subtle); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-1__sub-menu-link { color: var(--bs-dark-text-emphasis); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-1__sub-menu-link:hover { background-color: var(--bs-dark); color: var(--bs-light); } } [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-2__menu { background-color: var(--bs-dark); } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-3.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-3__menu { background-color: var(--bs-dark); } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-3__menu { background-color: var(--bs-dark-bg-subtle); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-3__menu-link { color: var(--bs-dark-text-emphasis); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-3__sub-menu { background-color: var(--bs-dark-bg-subtle); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-3__sub-menu-link { color: var(--bs-dark-text-emphasis); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header--transparent-light-alt .navigation-3__sub-menu-link:hover { background-color: var(--bs-dark); color: var(--bs-light); } } [data-bs-theme=dark] .primary-header--transparent-light-alt .btn.dropdown-toggle { color: var(--bs-light); } [data-bs-theme=dark] .primary-header--transparent-dark .nav-link { color: var(--bs-light); } [data-bs-theme=dark] .primary-header--transparent-dark .nav-link.active { color: var(--bs-primary-text-emphasis); } [data-bs-theme=dark] .primary-header--transparent-dark .btn.dropdown-toggle { color: var(--bs-light); } [data-bs-theme=dark] .primary-header--transparent-dark .navigation-0__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--transparent-dark .navigation-1__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--transparent-dark .navigation-2__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--transparent-dark .navigation-3__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--transparent-dark-alt .navigation-0__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--transparent-dark-alt .navigation-1__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--transparent-dark-alt .navigation-2__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--transparent-dark-alt .navigation-3__menu { background-color: var(--bs-dark); } [data-bs-theme=dark] .primary-header--transparent-dark-alt .nav-link { color: var(--bs-light); } [data-bs-theme=dark] .primary-header--transparent-dark-alt .btn.dropdown-toggle { color: var(--bs-light); } [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-dark .nav-link.active { color: var(--bs-primary-text-emphasis); } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-dark .navigation-0.has-sub-level-1:hover:hover>a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-dark .navigation-1.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-dark .navigation-3.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-light .nav-link { color: var(--bs-light); } } [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-light .nav-link.active { color: var(--bs-primary-text-emphasis); } [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-light .btn.dropdown-toggle { color: var(--bs-light); } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-light .navigation-0.has-sub-level-1:hover:hover>a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-light .navigation-1.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-light .navigation-3.has-sub-level-1:hover>a { color: var(--bs-primary-text-emphasis); } } [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-light-alt:not(.primary-header--boxed) { background-color: var(--bs-dark-bg-subtle); color: var(--bs-dark-text-emphasis); } @media (min-width: 992px) { [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-light-alt .nav-link { color: var(--bs-dark-text-emphasis); } } [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-light-alt .nav-link.active { color: var(--bs-primary); } [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-dark-alt .nav-link { color: var(--bs-light); } [data-bs-theme=dark] .primary-header-crossed .primary-header--transparent-dark-alt .dropdown-toggle { color: var(--bs-light); } .hero { padding-top: clamp(5.625rem, 7.89vw + 1rem, 9.375rem); padding-bottom: clamp(16.875rem, 23.68vw + 1rem, 28.125rem); background-image: url(../img/hero-grid.png); background-size: contain; background-position: center; background-repeat: repeat; } .hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background-color: var(--bs-primary-text-emphasis); filter: blur(200px); } .section-space-y { padding-block-start: clamp(3.75rem, 6.5vw + 1rem, 7.5rem); padding-block-end: clamp(3.75rem, 6.5vw + 1rem, 7.5rem); } .section-space-lg-y { padding-block-start: clamp(2.5rem, 4.21vw + 1rem, 5rem); padding-block-end: clamp(2.5rem, 4.21vw + 1rem, 5rem); } .section-space-md-y { padding-block-start: clamp(2rem, 3.25vw + 1rem, 3.75rem); padding-block-end: clamp(2rem, 3.25vw + 1rem, 3.75rem); } .section-space-sm-y { padding-block-start: clamp(1.25rem, 2.1vw + 1rem, 2.5rem); padding-block-end: clamp(1.25rem, 2.1vw + 1rem, 2.5rem); } .section-space-xsm-y { padding-block-start: clamp(1rem, 1.68vw + 1rem, 2rem); padding-block-end: clamp(1rem, 1.68vw + 1rem, 2rem); } .section-space-top { padding-block-start: clamp(3.75rem, 6.5vw + 1rem, 7.5rem); } .section-space-lg-top { padding-block-start: clamp(2.5rem, 4.21vw + 1rem, 5rem); } .section-space-md-top { padding-block-start: clamp(2rem, 3.25vw + 1rem, 3.75rem); } .section-space-sm-top { padding-block-start: clamp(1.25rem, 2.1vw + 1rem, 2.5rem); } .section-space-xsm-top { padding-block-start: clamp(1rem, 1.68vw + 1rem, 2rem); } .section-space-bottom { padding-block-end: clamp(3.75rem, 6.5vw + 1rem, 7.5rem); } .section-space-lg-bottom { padding-block-end: clamp(2.5rem, 4.21vw + 1rem, 5rem); } .section-space-md-bottom { padding-block-end: clamp(2rem, 3.25vw + 1rem, 3.75rem); } .section-space-sm-bottom { padding-block-end: clamp(1.25rem, 2.1vw + 1rem, 2.5rem); } .section-space-xsm-bottom { padding-block-end: clamp(1rem, 1.68vw + 1rem, 2rem); } .cursor-pointer { cursor: pointer; } .cursor-default { cursor: default; } .ff-1 { font-family: var(--ff-1); } .form-control:focus { box-shadow: none; border-color: var(--bs-border-color); } .form-select:focus { box-shadow: none; border-color: var(--bs-border-color); } .\:focus-outline-0:focus { outline: none; } .inset-0 { inset: 0; } .link { text-decoration: none; transition: all 0.3s ease; } .opacity-5 { opacity: 0.05; } .opacity-10 { opacity: 0.1; } .pointer-none { pointer-events: none; } .place-content-center { place-content: center; } .place-items-center { place-items: center; } .transition { transition: all 0.3s ease; } .z-n2 { z-index: -2; } .mt-n60 { margin-top: -3.75rem; } .mt-n100 { margin-top: -6.25rem; } .mt-n120 { margin-top: -7.5rem; } .mt-n150 { margin-top: -9.375rem; } .ratio-1\/1 { aspect-ratio: 1/1; } @keyframes pulse { 100% { transform: scale(2); opacity: 0; } } @keyframes imageBeat { 0% { transform: scale(1); } 50% { transform: scale(0.7); } 100% { transform: scale(1); } } @keyframes scroll-ltr { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 0.5rem)); } } @keyframes scroll-rtl { from { transform: translateX(0); } to { transform: translateX(calc(50% + 0.5rem)); } } @keyframes scrollY-up { from { transform: translateY(0); } to { transform: translateY(-50%); } } @keyframes scrollY-down { from { transform: translateY(0); } to { transform: translateY(50%); } } .bg-primary-emphasis { background-color: var(--bs-primary-text-emphasis) !important; } .bg-primary-emphasis-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-primary-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .bg-primary-subtle-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-primary-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .bg-secondary-emphasis { background-color: var(--bs-secondary-text-emphasis) !important; } .bg-secondary-emphasis-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-secondary-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .bg-secondary-subtle-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-secondary-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .bg-success-emphasis { background-color: var(--bs-success-text-emphasis) !important; } .bg-success-emphasis-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-success-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .bg-success-subtle-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-success-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .bg-danger-emphasis { background-color: var(--bs-danger-text-emphasis) !important; } .bg-danger-emphasis-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-danger-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .bg-danger-subtle-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-danger-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .bg-warning-emphasis { background-color: var(--bs-warning-text-emphasis) !important; } .bg-warning-emphasis-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-warning-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .bg-warning-subtle-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-warning-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .bg-info-emphasis { background-color: var(--bs-info-text-emphasis) !important; } .bg-info-emphasis-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-info-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .bg-info-subtle-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-info-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .bg-light-emphasis { background-color: var(--bs-light-text-emphasis) !important; } .bg-light-emphasis-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-light-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .bg-light-subtle-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-light-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .bg-dark-emphasis { background-color: var(--bs-dark-text-emphasis) !important; } .bg-dark-emphasis-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-dark-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .bg-dark-subtle-rgb { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-dark-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .bg-gradient-1 { background-image: linear-gradient(180deg, var(--bs-secondary-text-emphasis) 0%, var(--bs-secondary) 100%) !important; } .bg-gradient-2 { background-image: linear-gradient(180deg, var(--bs-primary-text-emphasis) 0%, var(--bs-primary) 100%) !important; } .bg-gradient-3 { background-image: linear-gradient(234deg, var(--bs-primary-text-emphasis) 17.25%, var(--bs-primary) 75.19%) !important; } .bg-gradient-4 { background-image: linear-gradient(232deg, var(--bs-secondary-text-emphasis) 4%, var(--bs-secondary) 76%) !important; } .hover\:bg-body:hover { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .hover\:bg-body-secondary:hover { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .hover\:bg-body-tertiary:hover { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .hover\:bg-black:hover { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .hover\:bg-white:hover { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .hover\:bg-transparent:hover { --bs-bg-opacity: 1; background-color: transparent !important; } .hover\:bg-primary:hover { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .hover\:bg-primary-subtle:hover { background-color: var(--bs-primary-bg-subtle) !important; } .hover\:bg-primary-emphasis:hover { background-color: var(--bs-primary-text-emphasis) !important; } .hover\:bg-primary-emphasis-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-primary-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-primary-subtle-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-primary-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-secondary:hover { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .hover\:bg-secondary-subtle:hover { background-color: var(--bs-secondary-bg-subtle) !important; } .hover\:bg-secondary-emphasis:hover { background-color: var(--bs-secondary-text-emphasis) !important; } .hover\:bg-secondary-emphasis-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-secondary-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-secondary-subtle-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-secondary-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-success:hover { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .hover\:bg-success-subtle:hover { background-color: var(--bs-success-bg-subtle) !important; } .hover\:bg-success-emphasis:hover { background-color: var(--bs-success-text-emphasis) !important; } .hover\:bg-success-emphasis-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-success-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-success-subtle-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-success-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-danger:hover { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .hover\:bg-danger-subtle:hover { background-color: var(--bs-danger-bg-subtle) !important; } .hover\:bg-danger-emphasis:hover { background-color: var(--bs-danger-text-emphasis) !important; } .hover\:bg-danger-emphasis-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-danger-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-danger-subtle-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-danger-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-warning:hover { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .hover\:bg-warning-subtle:hover { background-color: var(--bs-warning-bg-subtle) !important; } .hover\:bg-warning-emphasis:hover { background-color: var(--bs-warning-text-emphasis) !important; } .hover\:bg-warning-emphasis-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-warning-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-warning-subtle-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-warning-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-info:hover { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .hover\:bg-info-subtle:hover { background-color: var(--bs-info-bg-subtle) !important; } .hover\:bg-info-emphasis:hover { background-color: var(--bs-info-text-emphasis) !important; } .hover\:bg-info-emphasis-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-info-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-info-subtle-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-info-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-light:hover { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .hover\:bg-light-subtle:hover { background-color: var(--bs-light-bg-subtle) !important; } .hover\:bg-light-emphasis:hover { background-color: var(--bs-light-text-emphasis) !important; } .hover\:bg-light-emphasis-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-light-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-light-subtle-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-light-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-dark:hover { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .hover\:bg-dark-subtle:hover { background-color: var(--bs-dark-bg-subtle) !important; } .hover\:bg-dark-emphasis:hover { background-color: var(--bs-dark-text-emphasis) !important; } .hover\:bg-dark-emphasis-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-dark-text-emphasis) r g b/var(--bs-bg-opacity)) !important; } .hover\:bg-dark-subtle-rgb:hover { --bs-bg-opacity: 1; background-color: rgb(from var(--bs-dark-bg-subtle) r g b/var(--bs-bg-opacity)) !important; } .bg-opacity-0 { --bs-bg-opacity: 0; } .bg-opacity-5 { --bs-bg-opacity: 0.05; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-20 { --bs-bg-opacity: 0.2; } .bg-opacity-30 { --bs-bg-opacity: 0.3; } .bg-opacity-40 { --bs-bg-opacity: 0.4; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-60 { --bs-bg-opacity: 0.6; } .bg-opacity-70 { --bs-bg-opacity: 0.7; } .bg-opacity-80 { --bs-bg-opacity: 0.8; } .bg-opacity-90 { --bs-bg-opacity: 0.9; } .bg-opacity-95 { --bs-bg-opacity: 0.95; } .bg-opacity-97 { --bs-bg-opacity: 0.97; } .bg-opacity-100 { --bs-bg-opacity: 1; } .hover\:bg-opacity-0:hover { --bs-bg-opacity: 0; } .hover\:bg-opacity-5:hover { --bs-bg-opacity: 0.05; } .hover\:bg-opacity-10:hover { --bs-bg-opacity: 0.1; } .hover\:bg-opacity-20:hover { --bs-bg-opacity: 0.2; } .hover\:bg-opacity-30:hover { --bs-bg-opacity: 0.3; } .hover\:bg-opacity-40:hover { --bs-bg-opacity: 0.4; } .hover\:bg-opacity-50:hover { --bs-bg-opacity: 0.5; } .hover\:bg-opacity-60:hover { --bs-bg-opacity: 0.6; } .hover\:bg-opacity-70:hover { --bs-bg-opacity: 0.7; } .hover\:bg-opacity-80:hover { --bs-bg-opacity: 0.8; } .hover\:bg-opacity-90:hover { --bs-bg-opacity: 0.9; } .hover\:bg-opacity-95:hover { --bs-bg-opacity: 0.95; } .hover\:bg-opacity-97:hover { --bs-bg-opacity: 0.97; } .hover\:bg-opacity-100:hover { --bs-bg-opacity: 1; } .text-primary-subtle { color: var(--bs-primary-bg-subtle) !important; } .text-secondary-subtle { color: var(--bs-secondary-bg-subtle) !important; } .text-success-subtle { color: var(--bs-success-bg-subtle) !important; } .text-danger-subtle { color: var(--bs-danger-bg-subtle) !important; } .text-warning-subtle { color: var(--bs-warning-bg-subtle) !important; } .text-info-subtle { color: var(--bs-info-bg-subtle) !important; } .text-light-subtle { color: var(--bs-light-bg-subtle) !important; } .text-dark-subtle { color: var(--bs-dark-bg-subtle) !important; } .text-heading { color: var(--bs-heading-color) !important; } .hover\:text-heading:hover { color: var(--bs-heading-color) !important; } .hover\:text-body:hover { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .hover\:text-body-emphasis:hover { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .hover\:text-body-secondary:hover { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .hover\:text-body-tertiary:hover { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .hover\:text-black:hover { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .hover\:text-white:hover { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .hover\:text-primary:hover { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .hover\:text-primary-emphasis:hover { color: var(--bs-primary-text-emphasis) !important; } .hover\:text-primary-subtle:hover { color: var(--bs-primary-bg-subtle) !important; } .hover\:text-secondary:hover { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .hover\:text-secondary-emphasis:hover { color: var(--bs-secondary-text-emphasis) !important; } .hover\:text-secondary-subtle:hover { color: var(--bs-secondary-bg-subtle) !important; } .hover\:text-success:hover { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .hover\:text-success-emphasis:hover { color: var(--bs-success-text-emphasis) !important; } .hover\:text-success-subtle:hover { color: var(--bs-success-bg-subtle) !important; } .hover\:text-danger:hover { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .hover\:text-danger-emphasis:hover { color: var(--bs-danger-text-emphasis) !important; } .hover\:text-danger-subtle:hover { color: var(--bs-danger-bg-subtle) !important; } .hover\:text-warning:hover { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .hover\:text-warning-emphasis:hover { color: var(--bs-warning-text-emphasis) !important; } .hover\:text-warning-subtle:hover { color: var(--bs-warning-bg-subtle) !important; } .hover\:text-info:hover { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .hover\:text-info-emphasis:hover { color: var(--bs-info-text-emphasis) !important; } .hover\:text-info-subtle:hover { color: var(--bs-info-bg-subtle) !important; } .hover\:text-light:hover { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .hover\:text-light-emphasis:hover { color: var(--bs-light-text-emphasis) !important; } .hover\:text-light-subtle:hover { color: var(--bs-light-bg-subtle) !important; } .hover\:text-dark:hover { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .hover\:text-dark-emphasis:hover { color: var(--bs-dark-text-emphasis) !important; } .hover\:text-dark-subtle:hover { color: var(--bs-dark-bg-subtle) !important; } .placeholder\:\:text-body::-moz-placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-body::placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-body-emphasis::-moz-placeholder { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .placeholder\:\:text-body-emphasis::placeholder { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .placeholder\:\:text-body-secondary::-moz-placeholder { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .placeholder\:\:text-body-secondary::placeholder { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .placeholder\:\:text-body-tertiary::-moz-placeholder { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .placeholder\:\:text-body-tertiary::placeholder { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .placeholder\:\:text-black::-moz-placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-black::placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-white::-moz-placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-white::placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-primary::-moz-placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-primary::placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-primary-emphasis::-moz-placeholder { color: var(--bs-primary-text-emphasis) !important; } .placeholder\:\:text-primary-emphasis::placeholder { color: var(--bs-primary-text-emphasis) !important; } .placeholder\:\:text-primary-subtle::-moz-placeholder { color: var(--bs-primary-bg-subtle) !important; } .placeholder\:\:text-primary-subtle::placeholder { color: var(--bs-primary-bg-subtle) !important; } .placeholder\:\:text-secondary::-moz-placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-secondary::placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-secondary-emphasis::-moz-placeholder { color: var(--bs-secondary-text-emphasis) !important; } .placeholder\:\:text-secondary-emphasis::placeholder { color: var(--bs-secondary-text-emphasis) !important; } .placeholder\:\:text-secondary-subtle::-moz-placeholder { color: var(--bs-secondary-bg-subtle) !important; } .placeholder\:\:text-secondary-subtle::placeholder { color: var(--bs-secondary-bg-subtle) !important; } .placeholder\:\:text-success::-moz-placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-success::placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-success-emphasis::-moz-placeholder { color: var(--bs-success-text-emphasis) !important; } .placeholder\:\:text-success-emphasis::placeholder { color: var(--bs-success-text-emphasis) !important; } .placeholder\:\:text-success-subtle::-moz-placeholder { color: var(--bs-success-bg-subtle) !important; } .placeholder\:\:text-success-subtle::placeholder { color: var(--bs-success-bg-subtle) !important; } .placeholder\:\:text-danger::-moz-placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-danger::placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-danger-emphasis::-moz-placeholder { color: var(--bs-danger-text-emphasis) !important; } .placeholder\:\:text-danger-emphasis::placeholder { color: var(--bs-danger-text-emphasis) !important; } .placeholder\:\:text-danger-subtle::-moz-placeholder { color: var(--bs-danger-bg-subtle) !important; } .placeholder\:\:text-danger-subtle::placeholder { color: var(--bs-danger-bg-subtle) !important; } .placeholder\:\:text-warning::-moz-placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-warning::placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-warning-emphasis::-moz-placeholder { color: var(--bs-warning-text-emphasis) !important; } .placeholder\:\:text-warning-emphasis::placeholder { color: var(--bs-warning-text-emphasis) !important; } .placeholder\:\:text-warning-subtle::-moz-placeholder { color: var(--bs-warning-bg-subtle) !important; } .placeholder\:\:text-warning-subtle::placeholder { color: var(--bs-warning-bg-subtle) !important; } .placeholder\:\:text-info::-moz-placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-info::placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-info-emphasis::-moz-placeholder { color: var(--bs-info-text-emphasis) !important; } .placeholder\:\:text-info-emphasis::placeholder { color: var(--bs-info-text-emphasis) !important; } .placeholder\:\:text-info-subtle::-moz-placeholder { color: var(--bs-info-bg-subtle) !important; } .placeholder\:\:text-info-subtle::placeholder { color: var(--bs-info-bg-subtle) !important; } .placeholder\:\:text-light::-moz-placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-light::placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-light-emphasis::-moz-placeholder { color: var(--bs-light-text-emphasis) !important; } .placeholder\:\:text-light-emphasis::placeholder { color: var(--bs-light-text-emphasis) !important; } .placeholder\:\:text-light-subtle::-moz-placeholder { color: var(--bs-light-bg-subtle) !important; } .placeholder\:\:text-light-subtle::placeholder { color: var(--bs-light-bg-subtle) !important; } .placeholder\:\:text-dark::-moz-placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-dark::placeholder { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .placeholder\:\:text-dark-emphasis::-moz-placeholder { color: var(--bs-dark-text-emphasis) !important; } .placeholder\:\:text-dark-emphasis::placeholder { color: var(--bs-dark-text-emphasis) !important; } .placeholder\:\:text-dark-subtle::-moz-placeholder { color: var(--bs-dark-bg-subtle) !important; } .placeholder\:\:text-dark-subtle::placeholder { color: var(--bs-dark-bg-subtle) !important; } .text-opacity-0 { --bs-text-opacity: 0; } .text-opacity-5 { --bs-text-opacity: 0.05; } .text-opacity-10 { --bs-text-opacity: 0.1; } .text-opacity-20 { --bs-text-opacity: 0.2; } .text-opacity-30 { --bs-text-opacity: 0.3; } .text-opacity-40 { --bs-text-opacity: 0.4; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-60 { --bs-text-opacity: 0.6; } .text-opacity-70 { --bs-text-opacity: 0.7; } .text-opacity-80 { --bs-text-opacity: 0.8; } .text-opacity-90 { --bs-text-opacity: 0.9; } .text-opacity-95 { --bs-text-opacity: 0.95; } .text-opacity-97 { --bs-text-opacity: 0.97; } .text-opacity-100 { --bs-text-opacity: 1; } .hover\:text-opacity-0:hover { --bs-text-opacity: 0; } .hover\:text-opacity-5:hover { --bs-text-opacity: 0.05; } .hover\:text-opacity-10:hover { --bs-text-opacity: 0.1; } .hover\:text-opacity-20:hover { --bs-text-opacity: 0.2; } .hover\:text-opacity-30:hover { --bs-text-opacity: 0.3; } .hover\:text-opacity-40:hover { --bs-text-opacity: 0.4; } .hover\:text-opacity-50:hover { --bs-text-opacity: 0.5; } .hover\:text-opacity-60:hover { --bs-text-opacity: 0.6; } .hover\:text-opacity-70:hover { --bs-text-opacity: 0.7; } .hover\:text-opacity-80:hover { --bs-text-opacity: 0.8; } .hover\:text-opacity-90:hover { --bs-text-opacity: 0.9; } .hover\:text-opacity-95:hover { --bs-text-opacity: 0.95; } .hover\:text-opacity-97:hover { --bs-text-opacity: 0.97; } .hover\:text-opacity-100:hover { --bs-text-opacity: 1; } .placeholder\:\:text-opacity-5::-moz-placeholder { --bs-text-opacity: 0.05; } .placeholder\:\:text-opacity-5::placeholder { --bs-text-opacity: 0.05; } .placeholder\:\:text-opacity-10::-moz-placeholder { --bs-text-opacity: 0.1; } .placeholder\:\:text-opacity-10::placeholder { --bs-text-opacity: 0.1; } .placeholder\:\:text-opacity-20::-moz-placeholder { --bs-text-opacity: 0.2; } .placeholder\:\:text-opacity-20::placeholder { --bs-text-opacity: 0.2; } .placeholder\:\:text-opacity-30::-moz-placeholder { --bs-text-opacity: 0.3; } .placeholder\:\:text-opacity-30::placeholder { --bs-text-opacity: 0.3; } .placeholder\:\:text-opacity-40::-moz-placeholder { --bs-text-opacity: 0.4; } .placeholder\:\:text-opacity-40::placeholder { --bs-text-opacity: 0.4; } .placeholder\:\:text-opacity-50::-moz-placeholder { --bs-text-opacity: 0.5; } .placeholder\:\:text-opacity-50::placeholder { --bs-text-opacity: 0.5; } .placeholder\:\:text-opacity-60::-moz-placeholder { --bs-text-opacity: 0.6; } .placeholder\:\:text-opacity-60::placeholder { --bs-text-opacity: 0.6; } .placeholder\:\:text-opacity-70::-moz-placeholder { --bs-text-opacity: 0.7; } .placeholder\:\:text-opacity-70::placeholder { --bs-text-opacity: 0.7; } .placeholder\:\:text-opacity-80::-moz-placeholder { --bs-text-opacity: 0.8; } .placeholder\:\:text-opacity-80::placeholder { --bs-text-opacity: 0.8; } .placeholder\:\:text-opacity-90::-moz-placeholder { --bs-text-opacity: 0.9; } .placeholder\:\:text-opacity-90::placeholder { --bs-text-opacity: 0.9; } .placeholder\:\:text-opacity-95::-moz-placeholder { --bs-text-opacity: 0.95; } .placeholder\:\:text-opacity-95::placeholder { --bs-text-opacity: 0.95; } .placeholder\:\:text-opacity-97::-moz-placeholder { --bs-text-opacity: 0.97; } .placeholder\:\:text-opacity-97::placeholder { --bs-text-opacity: 0.97; } .placeholder\:\:text-opacity-100::-moz-placeholder { --bs-text-opacity: 1; } .placeholder\:\:text-opacity-100::placeholder { --bs-text-opacity: 1; } [data-bs-theme=dark] { --bs-body-color: #f0f0ff; --bs-primary-bg-subtle: #1a3c9b; --bs-primary-text-emphasis: #eaefff; --bs-secondary-bg-subtle: #03063a; --bs-secondary-text-emphasis: #f6f7fd; --bs-success-bg-subtle: #044d1d; --bs-success-text-emphasis: #e8f9ee; --bs-info-bg-subtle: #024153; --bs-info-text-emphasis: #e6f9ff; --bs-warning-bg-subtle: #966c00; --bs-warning-text-emphasis: #fef7e6; --bs-danger-bg-subtle: #971837; --bs-danger-text-emphasis: #feeaef; --bs-light-bg-subtle: #495058; --bs-light-text-emphasis: #f8f9fa; --bs-dark-bg-subtle: #0d0e10; --bs-dark-text-emphasis: #ced4da; --bs-box-shadow: 0px 10px 20px -4px rgba(145, 158, 171, 0.16); --bs-box-shadow-sm: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --bs-box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); } [data-bs-theme=dark] .dark\:bg-dark { background-color: var(--bs-dark) !important; } [data-bs-theme=dark] .dark\:bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } [data-bs-theme=dark] .dark\:bg-dark-emphasis { background-color: var(--bs-dark-text-emphasis) !important; } [data-bs-theme=dark] .dark\:bg-light { background-color: var(--bs-light) !important; } [data-bs-theme=dark] .dark\:bg-light-emphasis { background-color: var(--bs-light-text-emphasis) !important; } [data-bs-theme=dark] .dark\:bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } [data-bs-theme=dark] .dark\:bg-primary { background-color: var(--bs-primary) !important; } [data-bs-theme=dark] .dark\:bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } [data-bs-theme=dark] .dark\:bg-primary-emphasis { background-color: var(--bs-primary-text-emphasis) !important; } [data-bs-theme=dark] .dark\:bg-secondary { background-color: var(--bs-secondary) !important; } [data-bs-theme=dark] .dark\:bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } [data-bs-theme=dark] .dark\:bg-secondary-emphasis { background-color: var(--bs-secondary-text-emphasis) !important; } [data-bs-theme=dark] .dark\:bg-success { background-color: var(--bs-success) !important; } [data-bs-theme=dark] .dark\:bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } [data-bs-theme=dark] .dark\:bg-success-emphasis { background-color: var(--bs-success-text-emphasis) !important; } [data-bs-theme=dark] .dark\:bg-danger { background-color: var(--bs-danger) !important; } [data-bs-theme=dark] .dark\:bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } [data-bs-theme=dark] .dark\:bg-danger-emphasis { background-color: var(--bs-danger-text-emphasis) !important; } [data-bs-theme=dark] .dark\:bg-warning { background-color: var(--bs-warning) !important; } [data-bs-theme=dark] .dark\:bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } [data-bs-theme=dark] .dark\:bg-warning-emphasis { background-color: var(--bs-warning-text-emphasis) !important; } [data-bs-theme=dark] .dark\:bg-info { background-color: var(--bs-info) !important; } [data-bs-theme=dark] .dark\:bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } [data-bs-theme=dark] .dark\:bg-info-emphasis { background-color: var(--bs-info-text-emphasis) !important; } [data-bs-theme=dark] .dark\:bg-heading { background-color: var(--bs-heading-color) !important; } [data-bs-theme=dark] .dark\:bg-body { background-color: var(--bs-body-color) !important; } [data-bs-theme=dark] .dark\:text-dark { color: var(--bs-dark) !important; } [data-bs-theme=dark] .dark\:text-dark-subtle { color: var(--bs-dark-bg-subtle) !important; } [data-bs-theme=dark] .dark\:text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } [data-bs-theme=dark] .dark\:text-light { color: var(--bs-light) !important; } [data-bs-theme=dark] .dark\:text-light-subtle { color: var(--bs-light-bg-subtle) !important; } [data-bs-theme=dark] .dark\:text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } [data-bs-theme=dark] .dark\:text-primary { color: var(--bs-primary) !important; } [data-bs-theme=dark] .dark\:text-primary-subtle { color: var(--bs-primary-bg-subtle) !important; } [data-bs-theme=dark] .dark\:text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } [data-bs-theme=dark] .dark\:text-secondary { color: var(--bs-secondary) !important; } [data-bs-theme=dark] .dark\:text-secondary-subtle { color: var(--bs-secondary-bg-subtle) !important; } [data-bs-theme=dark] .dark\:text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } [data-bs-theme=dark] .dark\:text-success { color: var(--bs-success) !important; } [data-bs-theme=dark] .dark\:text-success-subtle { color: var(--bs-success-bg-subtle) !important; } [data-bs-theme=dark] .dark\:text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } [data-bs-theme=dark] .dark\:text-warning { color: var(--bs-warning) !important; } [data-bs-theme=dark] .dark\:text-warning-subtle { color: var(--bs-warning-bg-subtle) !important; } [data-bs-theme=dark] .dark\:text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } [data-bs-theme=dark] .dark\:text-danger { color: var(--bs-danger) !important; } [data-bs-theme=dark] .dark\:text-danger-subtle { color: var(--bs-danger-bg-subtle) !important; } [data-bs-theme=dark] .dark\:text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } [data-bs-theme=dark] .dark\:text-info { color: var(--bs-info) !important; } [data-bs-theme=dark] .dark\:text-info-subtle { color: var(--bs-info-bg-subtle) !important; } [data-bs-theme=dark] .dark\:text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } [data-bs-theme=dark] .dark\:text-heading { color: var(--bs-heading-color) !important; } [data-bs-theme=dark] .dark\:d-none { display: none !important; } [data-bs-theme=dark] .dark\:d-block { display: block !important; } [data-bs-theme=dark] .dark\:d-inline-block { display: inline-block !important; } [data-bs-theme=light] { --bs-body-color: #616a72; --bs-primary-bg-subtle: #eaefff; --bs-primary-text-emphasis: #1a3c9b; --bs-secondary-bg-subtle: #f6f7fd; --bs-secondary-text-emphasis: #03063a; --bs-success-bg-subtle: #e8f9ee; --bs-success-text-emphasis: #044d1d; --bs-info-bg-subtle: #e6f9ff; --bs-info-text-emphasis: #024153; --bs-warning-bg-subtle: #fef7e6; --bs-warning-text-emphasis: #966c00; --bs-danger-bg-subtle: #feeaef; --bs-danger-text-emphasis: #971837; --bs-light-bg-subtle: #f8f9fa; --bs-light-text-emphasis: #495058; --bs-dark-bg-subtle: #ced4da; --bs-dark-text-emphasis: #0d0e10; --bs-box-shadow: 0px 10px 20px -4px rgba(145, 158, 171, 0.16); --bs-box-shadow-sm: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --bs-box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); } [data-bs-theme=light] .light\:d-none { display: none !important; } [data-bs-theme=light] .light\:d-block { display: block !important; } [data-bs-theme=light] .light\:d-inline-block { display: inline-block !important; } .border-primary-emphasis { border-color: var(--bs-primary-text-emphasis) !important; } .border-secondary-emphasis { border-color: var(--bs-secondary-text-emphasis) !important; } .border-success-emphasis { border-color: var(--bs-success-text-emphasis) !important; } .border-danger-emphasis { border-color: var(--bs-danger-text-emphasis) !important; } .border-warning-emphasis { border-color: var(--bs-warning-text-emphasis) !important; } .border-info-emphasis { border-color: var(--bs-info-text-emphasis) !important; } .border-light-emphasis { border-color: var(--bs-light-text-emphasis) !important; } .border-dark-emphasis { border-color: var(--bs-dark-text-emphasis) !important; } .hover\:border-primary:hover { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .hover\:border-primary-subtle:hover { border-color: var(--bs-primary-border-subtle) !important; } .hover\:border-primary-emphasis:hover { border-color: var(--bs-primary-text-emphasis) !important; } .hover\:border-secondary:hover { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .hover\:border-secondary-subtle:hover { border-color: var(--bs-secondary-border-subtle) !important; } .hover\:border-secondary-emphasis:hover { border-color: var(--bs-secondary-text-emphasis) !important; } .hover\:border-success:hover { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .hover\:border-success-subtle:hover { border-color: var(--bs-success-border-subtle) !important; } .hover\:border-success-emphasis:hover { border-color: var(--bs-success-text-emphasis) !important; } .hover\:border-danger:hover { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .hover\:border-danger-subtle:hover { border-color: var(--bs-danger-border-subtle) !important; } .hover\:border-danger-emphasis:hover { border-color: var(--bs-danger-text-emphasis) !important; } .hover\:border-warning:hover { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .hover\:border-warning-subtle:hover { border-color: var(--bs-warning-border-subtle) !important; } .hover\:border-warning-emphasis:hover { border-color: var(--bs-warning-text-emphasis) !important; } .hover\:border-info:hover { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .hover\:border-info-subtle:hover { border-color: var(--bs-info-border-subtle) !important; } .hover\:border-info-emphasis:hover { border-color: var(--bs-info-text-emphasis) !important; } .hover\:border-light:hover { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .hover\:border-light-subtle:hover { border-color: var(--bs-light-border-subtle) !important; } .hover\:border-light-emphasis:hover { border-color: var(--bs-light-text-emphasis) !important; } .hover\:border-dark:hover { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .hover\:border-dark-subtle:hover { border-color: var(--bs-dark-border-subtle) !important; } .hover\:border-dark-emphasis:hover { border-color: var(--bs-dark-text-emphasis) !important; } .hover\:border-black:hover { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .hover\:border-white:hover { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-2x { --bs-border-width: 0.125rem; } .border-4x { --bs-border-width: 0.25rem; } .border-dotted { --bs-border-style: dotted; } .border-dashed { --bs-border-style: dashed; } .border-opacity-5 { --bs-border-opacity: 0.05; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-20 { --bs-border-opacity: 0.2; } .border-opacity-30 { --bs-border-opacity: 0.3; } .border-opacity-40 { --bs-border-opacity: 0.4; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-60 { --bs-border-opacity: 0.6; } .border-opacity-70 { --bs-border-opacity: 0.7; } .border-opacity-80 { --bs-border-opacity: 0.8; } .border-opacity-90 { --bs-border-opacity: 0.9; } .border-opacity-95 { --bs-border-opacity: 0.95; } .border-opacity-100 { --bs-border-opacity: 1; } .hover\:border-opacity-5:hover { --bs-border-opacity: 0.05; } .hover\:border-opacity-10:hover { --bs-border-opacity: 0.1; } .hover\:border-opacity-20:hover { --bs-border-opacity: 0.2; } .hover\:border-opacity-30:hover { --bs-border-opacity: 0.3; } .hover\:border-opacity-40:hover { --bs-border-opacity: 0.4; } .hover\:border-opacity-50:hover { --bs-border-opacity: 0.5; } .hover\:border-opacity-60:hover { --bs-border-opacity: 0.6; } .hover\:border-opacity-70:hover { --bs-border-opacity: 0.7; } .hover\:border-opacity-80:hover { --bs-border-opacity: 0.8; } .hover\:border-opacity-90:hover { --bs-border-opacity: 0.9; } .hover\:border-opacity-95:hover { --bs-border-opacity: 0.95; } .hover\:border-opacity-100:hover { --bs-border-opacity: 1; } .outline { --outline-width: 1px; --outline-style: solid; --outline-color: var(--bs-border-color); outline: var(--outline-width) var(--outline-style) var(--outline-color); } .outline--primary { --outline-opacity: 1; --outline-color: rgba(var(--bs-primary-rgb), var(--outline-opacity)); } .outline--primary-subtle { --outline-color: var(--bs-primary-bg-subtle); } .outline--primary-emphasis { --outline-color: var(--bs-primary-text-emphasis); } .outline--secondary { --outline-opacity: 1; --outline-color: rgba(var(--bs-secondary-rgb), var(--outline-opacity)); } .outline--secondary-subtle { --outline-color: var(--bs-secondary-bg-subtle); } .outline--secondary-emphasis { --outline-color: var(--bs-secondary-text-emphasis); } .outline--success { --outline-opacity: 1; --outline-color: rgba(var(--bs-success-rgb), var(--outline-opacity)); } .outline--success-subtle { --outline-color: var(--bs-success-bg-subtle); } .outline--success-emphasis { --outline-color: var(--bs-success-text-emphasis); } .outline--danger { --outline-opacity: 1; --outline-color: rgba(var(--bs-danger-rgb), var(--outline-opacity)); } .outline--danger-subtle { --outline-color: var(--bs-danger-bg-subtle); } .outline--danger-emphasis { --outline-color: var(--bs-danger-text-emphasis); } .outline--warning { --outline-opacity: 1; --outline-color: rgba(var(--bs-warning-rgb), var(--outline-opacity)); } .outline--warning-subtle { --outline-color: var(--bs-warning-bg-subtle); } .outline--warning-emphasis { --outline-color: var(--bs-warning-text-emphasis); } .outline--info { --outline-opacity: 1; --outline-color: rgba(var(--bs-info-rgb), var(--outline-opacity)); } .outline--info-subtle { --outline-color: var(--bs-info-bg-subtle); } .outline--info-emphasis { --outline-color: var(--bs-info-text-emphasis); } .outline--light { --outline-opacity: 1; --outline-color: rgba(var(--bs-light-rgb), var(--outline-opacity)); } .outline--light-subtle { --outline-color: var(--bs-light-bg-subtle); } .outline--light-emphasis { --outline-color: var(--bs-light-text-emphasis); } .outline--dark { --outline-opacity: 1; --outline-color: rgba(var(--bs-dark-rgb), var(--outline-opacity)); } .outline--dark-subtle { --outline-color: var(--bs-dark-bg-subtle); } .outline--dark-emphasis { --outline-color: var(--bs-dark-text-emphasis); } .outline--2x { --outline-width: 2px; } .outline--3x { --outline-width: 3px; } .outline--4x { --outline-width: 4px; } .outline--5x { --outline-width: 5px; } .outline--6x { --outline-width: 6px; } .outline--dotted { --outline-style: dotted; } .outline--dashed { --outline-style: dashed; } .outline-opacity-5 { --outline-opacity: 0.05; } .outline-opacity-10 { --outline-opacity: 0.1; } .outline-opacity-20 { --outline-opacity: 0.2; } .outline-opacity-30 { --outline-opacity: 0.3; } .outline-opacity-40 { --outline-opacity: 0.4; } .outline-opacity-50 { --outline-opacity: 0.5; } .outline-opacity-60 { --outline-opacity: 0.6; } .outline-opacity-70 { --outline-opacity: 0.7; } .outline-opacity-80 { --outline-opacity: 0.8; } .outline-opacity-90 { --outline-opacity: 0.9; } .outline-opacity-100 { --outline-opacity: 1; } .hover\:outline-primary:hover { --outline-opacity: 1; --outline-color: rgba(var(--bs-primary-rgb) / var(--outline-opacity)); } .hover\:outline-primary-subtle:hover { --outline-color: var(--bs-primary-bg-subtle); } .hover\:outline-primary-emphasis:hover { --outline-color: var(--bs-primary-text-emphasis); } .hover\:outline-secondary:hover { --outline-opacity: 1; --outline-color: rgba(var(--bs-secondary-rgb), var(--outline-opacity)); } .hover\:outline-secondary-subtle:hover { --outline-color: var(--bs-secondary-bg-subtle); } .hover\:outline-secondary-emphasis:hover { --outline-color: var(--bs-secondary-text-emphasis); } .hover\:outline-success:hover { --outline-opacity: 1; --outline-color: rgba(var(--bs-success-rgb), var(--outline-opacity)); } .hover\:outline-success-subtle:hover { --outline-color: var(--bs-success-bg-subtle); } .hover\:outline-success-emphasis:hover { --outline-color: var(--bs-success-text-emphasis); } .hover\:outline-danger:hover { --outline-opacity: 1; --outline-color: rgba(var(--bs-danger-rgb), var(--outline-opacity)); } .hover\:outline-danger-subtle:hover { --outline-color: var(--bs-danger-bg-subtle); } .hover\:outline-danger-emphasis:hover { --outline-color: var(--bs-danger-text-emphasis); } .hover\:outline-warning:hover { --outline-opacity: 1; --outline-color: rgba(var(--bs-warning-rgb), var(--outline-opacity)); } .hover\:outline-warning-subtle:hover { --outline-color: var(--bs-warning-bg-subtle); } .hover\:outline-warning-emphasis:hover { --outline-color: var(--bs-warning-text-emphasis); } .hover\:outline-info:hover { --outline-opacity: 1; --outline-color: rgba(var(--bs-info-rgb), var(--outline-opacity)); } .hover\:outline-info-subtle:hover { --outline-color: var(--bs-info-bg-subtle); } .hover\:outline-info-emphasis:hover { --outline-color: var(--bs-info-text-emphasis); } .hover\:outline-light:hover { --outline-opacity: 1; --outline-color: rgba(var(--bs-light-rgb), var(--outline-opacity)); } .hover\:outline-light-subtle:hover { --outline-color: var(--bs-light-bg-subtle); } .hover\:outline-light-emphasis:hover { --outline-color: var(--bs-light-text-emphasis); } .hover\:outline-dark:hover { --outline-opacity: 1; --outline-color: rgba(var(--bs-dark-rgb), var(--outline-opacity)); } .hover\:outline-dark-subtle:hover { --outline-color: var(--bs-dark-bg-subtle); } .hover\:outline-dark-emphasis:hover { --outline-color: var(--bs-dark-text-emphasis); } .hover\:outline-opacity-5:hover { --outline-opacity: 0.05; } .hover\:outline-opacity-10:hover { --outline-opacity: 0.1; } .hover\:outline-opacity-20:hover { --outline-opacity: 0.2; } .hover\:outline-opacity-30:hover { --outline-opacity: 0.3; } .hover\:outline-opacity-40:hover { --outline-opacity: 0.4; } .hover\:outline-opacity-50:hover { --outline-opacity: 0.5; } .hover\:outline-opacity-60:hover { --outline-opacity: 0.6; } .hover\:outline-opacity-70:hover { --outline-opacity: 0.7; } .hover\:outline-opacity-80:hover { --outline-opacity: 0.8; } .hover\:outline-opacity-90:hover { --outline-opacity: 0.9; } .hover\:outline-opacity-100:hover { --outline-opacity: 1; } .rounded-start-start-0 { border-start-start-radius: 0; } .rounded-start-end-0 { border-start-end-radius: 0; } .rounded-end-start-0 { border-end-start-radius: 0; } .rounded-end-end-0 { border-end-end-radius: 0; } .rounded-start-start-1 { border-start-start-radius: 0.25rem; } .rounded-start-end-1 { border-start-end-radius: 0.25rem; } .rounded-end-start-1 { border-end-start-radius: 0.25rem; } .rounded-end-end-1 { border-end-end-radius: 0.25rem; } .rounded-start-start-2 { border-start-start-radius: 0.5rem; } .rounded-start-end-2 { border-start-end-radius: 0.5rem; } .rounded-end-start-2 { border-end-start-radius: 0.5rem; } .rounded-end-end-2 { border-end-end-radius: 0.5rem; } .rounded-start-start-3 { border-start-start-radius: 0.75rem; } .rounded-start-end-3 { border-start-end-radius: 0.75rem; } .rounded-end-start-3 { border-end-start-radius: 0.75rem; } .rounded-end-end-3 { border-end-end-radius: 0.75rem; } .rounded-start-start-4 { border-start-start-radius: 1rem; } .rounded-start-end-4 { border-start-end-radius: 1rem; } .rounded-end-start-4 { border-end-start-radius: 1rem; } .rounded-end-end-4 { border-end-end-radius: 1rem; } .rounded-start-start-5 { border-start-start-radius: 1.25rem; } .rounded-start-end-5 { border-start-end-radius: 1.25rem; } .rounded-end-start-5 { border-end-start-radius: 1.25rem; } .rounded-end-end-5 { border-end-end-radius: 1.25rem; } [dir=rtl] .row-ltr { direction: ltr; } [dir=rtl] .row-ltr>[class^=col] { direction: rtl; } [dir=rtl] .accordion-button::after { margin-left: 0; margin-right: auto; } [dir=rtl] .translate-middle { transform: translate(50%, 50%) !important; } [dir=rtl] .translate-middle-x { transform: translateX(50%) !important; } [dir=rtl] .img-flip { transform: scaleX(-1); } /*# sourceMappingURL=style.css.map */