@charset "UTF-8"; /*--------------------------------------- Theme Name: Memeworld - Memecoin ICO & Crypto HTML Template Theme URI: https://pixellyo.com/memeworld/ Description: Memeworld is memecoin ico and crypto currency template Author Name: bplugins Author URI: https://themeforest.net/user/bplugins Version: 1.0.0 ----------------------------------------- Table of contents ----------------------------------------- 1. Global Style 1.1 Functions 1.2 Variables 1.3 Media Query 1.4 Normalize 1.5 Typography 2. Components Style 2.1 About Card 1 2.2 Accordion 2.3 Alert 2.4 Avatar 2.5 Badge 2.6 Breadcrumb 2.7 Button Style 2.8 Card Style 2.9 Counter 1 2.10 Custom Input Group 2.11 Dropdown 2.12 Form Check 2.13 Form Control 2.14 Form Select 2.15 Group Selector 2.16 How to Card 1 2.17 Line Clamp 2.18 List 2.19 Logo 2.20 Modal 2.21 Navigation 0 2.22 Navigation 1 2.23 Offcanvas 2.24 Pagination 2.25 Preloader 2.26 Progress 2.27 Scroller X 2.28 Shadow Sharp 2.29 Switcher 2.30 Tab Underline 2.31 Table 2.32 Text Shadow 2.33 Text Splash 2.34 Text Stroke 2.35 Ticker 1 2.36 Ticker 2 2.37 Ticker 3 2.38 Token Card 1 2.39 Token Card 2 2.30 Token Card 3 2.31 Tooltip 3. Sections Style 3.1 About Section 1 3.2 Banner 3.3 Container 3.4 CTA 1 3.5 CTA 2 3.6 FAQ Section 1 3.7 FAQ Section 2 3.8 Footer 1 3.9 Header 3.10 Hero 1 3.11 Hero 2 3.12 Hero 3 3.13 How to Buy Section 1 3.14 How to Buy Section 2 3.15 Road Map Section 1 3.16 Road Map Section 2 3.17 Road Map Section 3 3.18 Section Space 3.19 Tokenomics Section 1 4. Utilities Style 4.1 Animations 4.2 Background 4.3 Border 4.4 Color 4.5 Dark 4.6 Light 4.7 Miscellaneous 4.8 Outline 4.9 Radius ---------------------------------------*/ /*About Card 1*/ :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%; } 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; } /* Background-m */ .bg-primary-1 { background: #9F84BD; } .text-primary-1 { --bs-text-opacity: 1; color: rgb(157 127 189) !important; } /* Typography */ 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-5vw { font-size: clamp(3rem, 5vw + 1rem, 5.94rem); } .fs-6vw { font-size: clamp(3.5rem, 6.315vw + 1rem, 7.5rem); } .fs-10vw { font-size: clamp(4rem, 10vw + 1rem, 12rem); } .fs-20vw { font-size: clamp(8rem, 20vw + 1rem, 23.75rem); } .fs-30vw { font-size: clamp(12rem, 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; } .about-card-1 { padding-inline: 1.5rem; position: relative; isolation: isolate; } @media (min-width: 768px) { .about-card-1 { padding-inline: 8rem; background-image: url(../img/shape/about-card-1-bg.png); background-size: contain; background-position: center; background-repeat: no-repeat; } } @media (min-width: 1200px) { .about-card-1 { padding-inline: 12rem; } } .about-card-1__element { display: none; } @media (min-width: 992px) { .about-card-1__element { display: block; position: absolute; pointer-events: none; } } @media (min-width: 992px) { .about-card-1__element--1 { top: 0; left: 0; } } @media (min-width: 1200px) { .about-card-1__element--1 { left: 10%; } } @media (min-width: 992px) { .about-card-1__element--2 { top: 0; right: 10%; transform: translateY(-50%); } } @media (min-width: 1200px) { .about-card-1__element--2 { right: 15%; } } /* Accordion Style */ .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-light); --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-light); 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; } /* Blend Background */ .blend-x { -webkit-mask: linear-gradient( 90deg, transparent, white 25%, white 75%, transparent ); mask: linear-gradient(90deg, transparent, white 25%, white 75%, transparent); } .blend-y { -webkit-mask: linear-gradient(transparent, white 25%, white 75%, transparent); mask: linear-gradient(transparent, white 25%, white 75%, transparent); } .blend-y-start-15 { -webkit-mask: linear-gradient(transparent 15%, white); mask: linear-gradient(transparent 15%, white); } .blend-y-end-15 { -webkit-mask: linear-gradient(white 15%, transparent); mask: linear-gradient(white 15%, transparent); } .blend-y-start-25 { -webkit-mask: linear-gradient(transparent 25%, white); mask: linear-gradient(transparent 25%, white); } .blend-y-end-25 { -webkit-mask: linear-gradient(white 25%, transparent); mask: linear-gradient(white 25%, transparent); } .blend-y-start-50 { -webkit-mask: linear-gradient(transparent 50%, white); mask: linear-gradient(transparent 50%, white); } .blend-y-end-50 { -webkit-mask: linear-gradient(white 50%, transparent); mask: linear-gradient(white 50%, transparent); } /* 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); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-light); --bs-breadcrumb-divider: ""; align-items: center; } .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.35rem; display: inline-flex; gap: 0.5rem; flex-shrink: 0; font-family: var(--ff-2); border: 1px solid var(--bs-dark); box-shadow: 0.25rem 0.25rem 0 var(--bs-dark); } .btn:hover { border-color: var(--bs-dark); box-shadow: 0 0 0 var(--bs-dark); } .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) 95%, 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) 95%, 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) 95%, 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) 95%, 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) 95%, 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) 95%, 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) 95%, 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; } /*Counter 1*/ .counter-1 { min-width: 15.625rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; background-image: linear-gradient( var(--bs-secondary-bg-subtle), var(--bs-secondary) ); } @media (min-width: 768px) { .counter-1 { min-width: 18.75rem; } } .counter-1__text { font-size: var(--h3); } /*Custom Input Group*/ .custom-input-group .form-control { border: none; color: var(--bs-dark); font-size: 1.5rem; background-color: transparent; } .custom-input-group .form-select { width: auto; border: 1px solid var(--bs-dark); background-color: var(--bs-secondary); color: var(--bs-dark); } /* 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\: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; } /*How to Card 1*/ .how-to-card-1 { padding: 5rem 2.5rem; background-image: url(../img/shape/how-to-card-1-bg.png); background-size: contain; background-position: center; background-repeat: no-repeat; } @media (min-width: 576px) { .how-to-card-1 { padding: 5rem 6rem; } } @media (min-width: 768px) { .how-to-card-1 { padding: 5rem 2.5rem; } } @media (min-width: 992px) { .how-to-card-1 { padding: 5rem 3.75rem; } } /* 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.25rem; } .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: calc(var(--dot-size) * 1.5); margin-inline-start: calc(var(--dot-size) * 1.5); 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; } } /* Navigation Style 0 */ @media (min-width: 992px) { .navigation-0.has-sub-menu:hover:hover > a { color: var(--bs-primary-text-emphasis); } .navigation-0.has-sub-menu:hover:hover .navigation-0__menu { visibility: visible; opacity: 1; pointer-events: unset; top: calc(100% - 0.25rem); } } @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.25rem; } @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; border-radius: 0 0 0.5rem 0.5rem; 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; } } @media (min-width: 992px) { .navigation-0__menu-list { width: calc(20% - 0.8125rem); } } .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; } } /* Navigation Style 1 */ @media (min-width: 992px) { .navigation-1 { position: relative; isolation: isolate; } } @media (min-width: 992px) { .navigation-1.has-sub-menu: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.25rem; } @media (min-width: 992px) { .navigation-1__menu { display: block; padding: 0.25rem; position: absolute; top: calc(100% + 1rem); width: 13.125rem; 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; font-size: 0.875rem; } @media (min-width: 992px) { .navigation-1__menu-list.has-sub-2nd { position: relative; } .navigation-1__menu-list.has-sub-2nd: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; border-radius: 0.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; } } /* 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 */ :root { --hue: 163; --hue2: 43; } .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--bs-danger-text-emphasis); display: flex; flex-direction: column; align-items: center; justify-content: center; color: rgba(var(--bs-light-rgb), 1); z-index: 9999; } .preloader .pl { display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin: auto; width: 9.1em; height: 9.1em; } .preloader .pl__coin, .preloader .pl__coin-flare, .preloader .pl__coin-inscription, .preloader .pl__coin-layers, .preloader .pl__shadow { animation-duration: 2s; animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1); animation-iteration-count: infinite; } .preloader .pl__coin { animation-name: bounce; position: relative; transform: translateY(0.5em); z-index: 1; } .preloader .pl__coin-flare, .preloader .pl__coin-inscription, .preloader .pl__coin-layer { position: absolute; } .preloader .pl__coin-flare { animation-name: flare1; background-color: white; clip-path: polygon( 50% 0, 67% 33%, 100% 50%, 67% 67%, 50% 100%, 33% 67%, 0 50%, 33% 33% ); top: 0; left: -0.5em; width: 1em; height: 1em; transform: scale(0); z-index: 1; } .preloader .pl__coin-flare:nth-child(2) { animation-name: flare2; top: -0.5em; left: 0; } .preloader .pl__coin-flare:nth-child(3) { animation-name: flare3; left: 3em; } .preloader .pl__coin-flare:nth-child(4) { animation-name: flare4; top: -0.5em; left: 3.5em; } .preloader .pl__coin-inscription { animation-name: inscription-front; background-color: hsl(var(--hue2), 90%, 45%); box-shadow: 0.1875em 0 0 hsl(var(--hue2), 90%, 40%) inset; top: 50%; left: 50%; width: 0.5em; height: 2.5em; transform: translate(-50%, -50%) rotateZ(30deg); } .preloader .pl__coin-layer { background-color: hsl(var(--hue2), 90%, 50%); backface-visibility: hidden; border-radius: 50%; box-shadow: 0 0 0 0.375em hsl(var(--hue2), 90%, 70%) inset; top: 0; left: 0; width: 100%; height: 100%; } .preloader .pl__coin-layer:first-child { transform: translate3d(0, 0, 0.5em); } .preloader .pl__coin-layer:nth-child(2) { transform: translate3d(0, 0, 0.49em) rotateY(180deg); } .preloader .pl__coin-layer:nth-child(3) { backface-visibility: visible; border-radius: 0; left: 50%; width: 0.98em; transform: translateX(-50%) rotateY(90deg); } .preloader .pl__coin-layer:nth-child(4) { transform: translate3d(0, 0, -0.49em); } .preloader .pl__coin-layer:last-child { transform: translate3d(0, 0, -0.5em) rotateY(180deg); } .preloader .pl__coin-layer:nth-child(n + 2):nth-last-child(n + 2) { background-color: hsl(var(--hue2), 90%, 40%); box-shadow: none; } .preloader .pl__coin-layer:last-child .pl__coin-inscription { animation-name: inscription-back; transform: translate(-50%, -50%) rotateZ(-30deg); } .preloader .pl__coin-layers { animation-name: roll; position: relative; width: 4em; height: 4em; transform: rotateY(-15deg) rotateZ(-30deg); transform-style: preserve-3d; } .preloader .pl__shadow { animation-name: shadow; background-color: rgba(var(--bs-black-rgb), 1); border-radius: 50%; width: 4em; height: 0.5em; } /* 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 */ .scroller-x { 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: scroll 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; } /*Shadow Sharp*/ .shadow-sharp-xs { box-shadow: 2px 2px 0 var(--bs-dark); } .shadow-sharp { box-shadow: 0.25rem 0.25rem 0 var(--bs-dark); } .shadow-sharp-md { box-shadow: 0.5rem 0.5rem 0 var(--bs-dark); } .shadow-sharp-lg { box-shadow: 0.75rem 0.75rem 0 var(--bs-dark); } .shadow-sharp-xl { box-shadow: 1rem 1rem 0 var(--bs-dark); } /* 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 Shadow*/ .text-shadow { text-shadow: 0.25rem 0.25rem 0 var(--bs-dark); } .text-shadow-md { text-shadow: 0.5rem 0.5rem 0 var(--bs-dark); } .text-shadow-lg { text-shadow: 0.75rem 0.75rem 0 var(--bs-dark); } .text-shadow-xl { text-shadow: 1rem 1rem 0 var(--bs-dark); } /* Text Splash */ .text-splash { --text-splash-clr: var(--bs-border-color); --text-stroke: 1px; } .text-splash--2x { --text-stroke: 2px; } .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: var(--text-stroke); background-color: var(--text-splash-clr); } .text-splash::after { content: ""; position: absolute; top: 50%; left: calc(100% + 1rem); width: 120rem; height: var(--text-stroke); background-color: var(--text-splash-clr); } /*Text Stroke*/ .text-stroke { -webkit-text-stroke-width: 0.25rem; -webkit-text-stroke-color: var(--bs-dark); paint-order: stroke fill; } .text-stroke-md { -webkit-text-stroke-width: 0.5rem; -webkit-text-stroke-color: var(--bs-dark); paint-order: stroke fill; } .text-stroke-lg { -webkit-text-stroke-width: 0.75rem; -webkit-text-stroke-color: var(--bs-dark); paint-order: stroke fill; } .text-stroke-xl { -webkit-text-stroke-width: 1rem; -webkit-text-stroke-color: var(--bs-dark); paint-order: stroke fill; } /*Ticker 1*/ .ticker-1 { margin-top: -2.25rem; box-shadow: 0 0.5rem 0 0 var(--bs-dark); transform: rotate(-3deg); } @media (min-width: 1600px) { .ticker-1 { margin-top: -2.8125rem; } } @media (min-width: 1920px) { .ticker-1 { margin-top: -3.25rem; } } @media (min-width: 2400px) { .ticker-1 { margin-top: -4.25rem; } } /*Ticker 2*/ .ticker-2 { transform: rotate(-3deg); position: relative; left: 50%; top: 16px; transform-origin: center; margin-left: -50%; } /*Ticker 3*/ .ticker-3 { transform: rotate(3deg); position: relative; left: 50%; transform-origin: center; margin-left: -50%; } /*Token Card 1*/ .token-card-1 { padding: 3rem 1.5rem; position: relative; isolation: isolate; background-image: url(../img/shape/token-card-bg-1.png); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } @media (min-width: 576px) { .token-card-1 { padding: 5rem 3rem; } } @media (min-width: 768px) { .token-card-1 { padding: 7.5rem 5.625rem; } } .token-card-1__img { display: none; } @media (min-width: 1920px) { .token-card-1__img { display: block; position: absolute; left: calc(100% - 3rem); bottom: 0; } } /*Token Card 2*/ @media (min-width: 576px) { .token-card-2 { position: relative; isolation: isolate; -webkit-mask-image: url(../img/shape/token-card-bg-2.png); mask-image: url(../img/shape/token-card-bg-2.png); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center bottom; mask-position: center bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } } /*Token Card 3*/ .token-card-3 { padding: 3rem; background-image: url(../img/shape/how-to-card-bg-1.png); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } @media (min-width: 576px) { .token-card-3 { padding: 5.625rem 3rem; } } /* 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); } /*About Section 1*/ .about-section-1 { position: relative; isolation: isolate; background-image: url(../img/shape/about-bg-1.png); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } /* Banner Style */ .banner { padding-top: clamp(8.75rem, 10.5vw + 1rem, 12.5rem); padding-bottom: clamp(6.5rem, 7.89vw + 1rem, 9.375rem); position: relative; isolation: isolate; } /* Container Customization */ .container-max { margin-inline: auto; } @media (min-width: 1600px) { .container-max { max-width: 97rem; } } @media (min-width: 1800px) { .container-max { max-width: 109.5rem; } } @media (min-width: 2100px) { .container-max { max-width: 128.25rem; } } @media (min-width: 2500px) { .container-max { max-width: 153.25rem; } } .container-fhd { margin-inline: auto; } @media (min-width: 1600px) { .container-fhd { max-width: 97rem; } } @media (min-width: 1800px) { .container-fhd { max-width: 109.5rem; } } /*CTA 1*/ .cta-1 { background-image: url(../img/shape/cta-1-bg.png); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; } /*CTA 2*/ .cta-2 { margin-top: -3.75rem; background-image: url(../img/shape/cta-bg-1.png); background-size: cover; background-position: left center; background-repeat: no-repeat; } @media (min-width: 992px) { .cta-2 { margin-top: -5.625rem; } } @media (min-width: 1920px) { .cta-2 { margin-top: -7.5rem; } } /*FAQ Section 1*/ .faq-section-1 { position: relative; isolation: isolate; background-image: url(../img/shape/faq-bg-1.png); background-size: cover; background-position: center; background-repeat: no-repeat; } .faq-section-1__element { display: none; } @media (min-width: 1200px) { .faq-section-1__element { display: block; position: absolute; z-index: -1; pointer-events: none; } } @media (min-width: 1200px) { .faq-section-1__element--1 { top: 10%; left: 15%; } } @media (min-width: 1200px) { .faq-section-1__element--2 { bottom: 10%; right: 15%; } } /*FAQ Section 2*/ .faq-section-2 { position: relative; isolation: isolate; background-image: url(../img/shape/faq-bg-3.png); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } /*Footer 1*/ .footer-1 { background-image: url(../img/shape/footer-bg-1.png); background-size: 100% 100%; background-position: center bottom; background-repeat: no-repeat; } /* Header Style */ .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-dark-bg-subtle); color: var(--bs-dark-text-emphasis); } .primary-header--light .nav-link.active { color: var(--bs-primary); } .primary-header--light .navigation-0__menu { background-color: var(--bs-tertiary-bg); } @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-secondary-color); } @media (min-width: 768px) { .primary-header--light .navigation-0__menu-link { background-color: rgba(var(--bs-dark-rgb), 0.05); } } @media (min-width: 992px) { .primary-header--light .navigation-0__menu-link:hover { background-color: rgba(var(--bs-dark-rgb), 0.1); } } @media (min-width: 992px) { .primary-header--light .navigation-1.has-sub-menu:hover > a { color: var(--bs-primary-text-emphasis); } } .primary-header--light .navigation-1__menu { background-color: var(--bs-tertiary-bg); } @media (min-width: 992px) { .primary-header--light .navigation-1__menu { border-radius: 0 0 0.25rem 0.25rem; } } .primary-header--light .navigation-1__menu-link { color: var(--bs-secondary-color); } @media (min-width: 992px) { .primary-header--light .navigation-1__menu-link { border-radius: 0.25rem; } } @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-secondary-color); } @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); } } @media (min-width: 992px) { .primary-header--light .has-sub-2nd: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: 768px) { .primary-header--light.primary-header--boxed > .container { border-radius: 0.5rem; } } @media (min-width: 992px) { .primary-header--light.primary-header--boxed > .container { padding-block: 0.25rem; } } .primary-header--light .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-primary-bg-subtle); } @media (min-width: 992px) { .primary-header--dark .navigation-0.has-sub-menu: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: 768px) { .primary-header--dark .navigation-0__menu-link { background-color: rgba(var(--bs-light-rgb), 0.05); } } @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-menu: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); border-radius: 0 0 0.25rem 0.25rem; } } .primary-header--dark .navigation-1__menu-link { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--dark .navigation-1__menu-link { border-radius: 0.25rem; } } @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); } } @media (min-width: 992px) { .primary-header--dark .has-sub-2nd: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: 768px) { .primary-header--dark.primary-header--boxed > .container { border-radius: 0.5rem; } } @media (min-width: 992px) { .primary-header--dark.primary-header--boxed > .container { padding-block: 0.25rem; } } .primary-header--dark .btn.dropdown-toggle { color: var(--bs-light); } .primary-header--transparent-light .navbar-collapse { padding: 0.5rem 1rem; background-color: var(--bs-light-bg-subtle); border-radius: 0.25rem; } @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-primary-text-emphasis); } @media (min-width: 992px) { .primary-header--transparent-light .nav-link.active { color: var(--bs-primary-bg-subtle); } } @media (min-width: 992px) { .primary-header--transparent-light .navigation-0.has-sub-menu:hover:hover > a { color: var(--bs-primary-bg-subtle); } } .primary-header--transparent-light .navigation-0__menu { background-color: var(--bs-tertiary-bg); } @media (min-width: 992px) { .primary-header--transparent-light .navigation-0__menu { background-color: var(--bs-tertiary-bg); border-radius: 0.5rem; } } .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-dark-rgb), 0.05); } .primary-header--transparent-light .navigation-0__menu-link:hover { background-color: rgba(var(--bs-dark-rgb), 0.1); } } .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-menu:hover > a { color: var(--bs-primary-bg-subtle); } } .primary-header--transparent-light .navigation-1__menu { background-color: var(--bs-tertiary-bg); } @media (min-width: 992px) { .primary-header--transparent-light .navigation-1__menu { border-radius: 0.25rem; } } .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 { border-radius: 0.25rem; } } @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); } } @media (min-width: 992px) { .primary-header--transparent-light .has-sub-2nd: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 .navbar-toggler { color: var(--bs-light); } .primary-header--transparent-light-alt .navbar-collapse { padding: 0.5rem 1rem; background-color: var(--bs-light-bg-subtle); border-radius: 0.25rem; } @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-primary-text-emphasis); } @media (min-width: 992px) { .primary-header--transparent-light-alt .nav-link.active { color: var(--bs-primary-bg-subtle); } } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-0.has-sub-menu:hover:hover > a { color: var(--bs-primary-bg-subtle); } } .primary-header--transparent-light-alt .navigation-0__menu { background-color: var(--bs-tertiary-bg); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-0__menu { background-color: var(--bs-dark-text-emphasis); border-radius: 0.5rem; } } .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-menu:hover > a { color: var(--bs-primary-bg-subtle); } } .primary-header--transparent-light-alt .navigation-1__menu { background-color: var(--bs-tertiary-bg); } @media (min-width: 992px) { .primary-header--transparent-light-alt .navigation-1__menu { background-color: var(--bs-dark-text-emphasis); border-radius: 0.25rem; } } .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); border-radius: 0.25rem; } } @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); } } @media (min-width: 992px) { .primary-header--transparent-light-alt .has-sub-2nd: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-2nd: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-light-alt .navbar-toggler { color: var(--bs-light); } .primary-header--transparent-dark .navbar-collapse { padding: 0.5rem 1rem; background-color: var(--bs-dark); border-radius: 0.25rem; } @media (min-width: 992px) { .primary-header--transparent-dark .navbar-collapse { padding: 0; background-color: transparent; } } .primary-header--transparent-dark .nav-link { color: var(--bs-body-bg); } @media (min-width: 992px) { .primary-header--transparent-dark .nav-link { color: var(--bs-dark); } } .primary-header--transparent-dark .nav-link.active { color: var(--bs-primary); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-0.has-sub-menu:hover:hover > a { color: var(--bs-primary); } } .primary-header--transparent-dark .navigation-0__menu { background-color: rgba(var(--bs-light-rgb), 0.05); } @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-light); } @media (min-width: 768px) { .primary-header--transparent-dark .navigation-0__menu-link { background-color: rgba(var(--bs-light-rgb), 0.05); } } @media (min-width: 992px) { .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-menu:hover > a { color: var(--bs-primary); } } .primary-header--transparent-dark .navigation-1__menu { background-color: rgba(var(--bs-light-rgb), 0.05); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-1__menu { background-color: var(--bs-dark); border-radius: 0 0 0.25rem 0.25rem; } } .primary-header--transparent-dark .navigation-1__menu-link { color: var(--bs-light); } @media (min-width: 992px) { .primary-header--transparent-dark .navigation-1__menu-link { border-radius: 0.25rem; } } @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-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); } } @media (min-width: 992px) { .primary-header--transparent-dark .has-sub-2nd: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 > .container { position: relative; } .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: 768px) { .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; border-radius: 0.25rem; font-size: 1.5rem; } @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-menu > .nav-link { display: flex; align-items: center; justify-content: space-between; } @media (min-width: 992px) { .primary-header .has-sub-menu > .nav-link { gap: 0.25rem; } } .primary-header .has-sub-menu > .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-2nd > .navigation-1__menu-link { display: flex; align-items: center; justify-content: space-between; } @media (min-width: 992px) { .primary-header .has-sub-2nd > .navigation-1__menu-link { gap: 0.25rem; } } .primary-header .has-sub-2nd > .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-2nd > .navigation-1__menu-link::after { --svg: url('data:image/svg+xml,'); } } .primary-header-crossed .primary-header--transparent-light:not(.primary-header--boxed) { background-color: var(--bs-light-bg-subtle); color: var(--bs-light-text-emphasis); } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-light .nav-link { color: var(--bs-dark); } } .primary-header-crossed .primary-header--transparent-light .nav-link.active { color: var(--bs-primary); } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-light .navigation-0.has-sub-menu:hover:hover > a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-light .navigation-1.has-sub-menu:hover > a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-light .navigation-1__menu { border-radius: 0 0 0.25rem 0.25rem; } } .primary-header-crossed .primary-header--transparent-light .btn.dropdown-toggle { color: var(--bs-dark); } .primary-header-crossed .primary-header--transparent-light .navbar-toggler { color: var(--bs-dark); } .primary-header-crossed .primary-header--transparent-light-alt:not(.primary-header--boxed) { background-color: var(--bs-dark-text-emphasis); color: var(--bs-dark-bg-subtle); } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-light-alt .nav-link { color: var(--bs-dark-bg-subtle); } } .primary-header-crossed .primary-header--transparent-light-alt .nav-link.active { color: var(--bs-primary); } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-light-alt .navigation-0.has-sub-menu:hover:hover > a { color: var(--bs-primary-bg-subtle); } } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-light-alt .navigation-1.has-sub-menu:hover > a { color: var(--bs-primary-bg-subtle); } } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-light-alt .navigation-1__menu { border-radius: 0 0 0.25rem 0.25rem; } } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-light-alt .btn.dropdown-toggle { color: var(--bs-light); } } .primary-header-crossed .primary-header--transparent-light-alt .navbar-toggler { color: var(--bs-light); } .primary-header-crossed .primary-header--transparent-dark:not(.primary-header--boxed) { background-color: var(--bs-dark); color: var(--bs-light); } .primary-header-crossed .primary-header--transparent-dark .nav-link { color: var(--bs-light); } .primary-header-crossed .primary-header--transparent-dark .nav-link.active { color: var(--bs-primary-bg-subtle); } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-dark .navigation-0.has-sub-menu:hover:hover > a { color: var(--bs-primary-bg-subtle); } } @media (min-width: 992px) { .primary-header-crossed .primary-header--transparent-dark .navigation-1.has-sub-menu:hover > a { color: var(--bs-primary-bg-subtle); } } .primary-header-crossed .primary-header--transparent-dark .navbar-toggler { color: var(--bs-light); } .primary-header-crossed .primary-header--transparent-dark .btn.dropdown-toggle { color: var(--bs-light); } .primary-header-crossed .primary-header-crossed\:top-0 { inset-block-start: 0 !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-light.primary-header--light { background-color: var(--bs-tertiary-bg) !important; } [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-menu:hover:hover > a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { [data-bs-theme="dark"] .primary-header--dark .navigation-1.has-sub-menu:hover > a { color: var(--bs-primary-text-emphasis); } } [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-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-menu:hover:hover > a { color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { [data-bs-theme="dark"] .primary-header--transparent-light .navigation-1.has-sub-menu:hover > a { color: var(--bs-primary-text-emphasis); } } [data-bs-theme="dark"] .primary-header--transparent-light .navbar-toggler { color: var(--bs-light); } [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-menu:hover:hover > a { color: var(--bs-primary-text-emphasis); } } @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-menu:hover > a { color: var(--bs-primary-text-emphasis); } } @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 .navbar-toggler { 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-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-menu: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-menu: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-menu: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-menu: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); } /*Hero 1*/ .hero-1 { position: relative; isolation: isolate; } .hero-1__title { font-size: clamp(3.75rem, 6.315vw + 1rem, 7.5rem); } .hero-1__element { display: none; } @media (min-width: 992px) { .hero-1__element { display: block; position: absolute; z-index: -1; } } @media (min-width: 992px) { .hero-1__element--1 { top: 10%; left: 4%; } } @media (min-width: 992px) { .hero-1__element--2 { top: 25%; left: 10%; } } @media (min-width: 992px) { .hero-1__element--3 { top: 45%; left: 15%; } } @media (min-width: 992px) { .hero-1__element--4 { top: 60%; left: 5%; } } @media (min-width: 1920px) { .hero-1__element--4 { top: 50%; left: 25%; } } @media (min-width: 992px) { .hero-1__element--5 { top: 15%; right: 5%; } } @media (min-width: 1920px) { .hero-1__element--5 { right: 12%; } } @media (min-width: 992px) { .hero-1__element--6 { top: 25%; right: 5%; } } @media (min-width: 1920px) { .hero-1__element--6 { right: 15%; } } @media (min-width: 992px) { .hero-1__element--7 { top: 45%; right: 3%; } } @media (min-width: 992px) { .hero-1__element--8 { top: 40%; left: 30%; } } @media (min-width: 992px) { .hero-1__element--9 { top: 60%; left: 5%; } } @media (min-width: 1920px) { .hero-1__element--9 { top: 65%; left: 13%; } } @media (min-width: 992px) { .hero-1__element--10 { top: 80%; left: 5%; } } @media (min-width: 1920px) { .hero-1__element--10 { top: 75%; left: 18%; } } @media (min-width: 992px) { .hero-1__element--11 { top: 45%; right: 20%; } } @media (min-width: 1920px) { .hero-1__element--11 { top: 48%; right: 25%; } } @media (min-width: 992px) { .hero-1__element--12 { top: 60%; right: 8%; } } @media (min-width: 1920px) { .hero-1__element--12 { right: 15%; } } @media (min-width: 992px) { .hero-1__element--13 { top: 80%; right: 10%; } } @media (min-width: 1920px) { .hero-1__element--13 { top: 75%; right: 20%; } } /*Hero 2*/ .hero-2 { position: relative; isolation: isolate; } .hero-2__element { display: none; } @media (min-width: 992px) { .hero-2__element { display: block; position: absolute; z-index: -1; } } @media (min-width: 992px) { .hero-2__element--1 { top: 30%; left: 10%; } } @media (min-width: 992px) { .hero-2__element--2 { top: 50%; right: 10%; } } @media (min-width: 992px) { .hero-2__element--3 { top: 20%; left: 5%; } } @media (min-width: 992px) { .hero-2__element--4 { top: 10%; left: 20%; } } @media (min-width: 992px) { .hero-2__element--5 { top: 20%; right: 15%; } } @media (min-width: 992px) { .hero-2__element--6 { top: 10%; right: 5%; } } /*Hero 3*/ .hero-3 { padding-top: clamp(8.25rem, 11.5vw + 1rem, 13.75rem); padding-bottom: clamp(12rem, 16.8vw + 1rem, 20rem); position: relative; isolation: isolate; } .hero-3::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 45%; aspect-ratio: 1; border-radius: 50%; background-color: rgba(var(--bs-light-rgb), 0.05); opacity: var(--before-opacity, 0); z-index: -2; pointer-events: none; } .hero-3::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 25%; aspect-ratio: 1; border-radius: 50%; background-color: rgba(var(--bs-light-rgb), 0.05); opacity: var(--after-opacity, 0); z-index: -2; pointer-events: none; } .hero-3__img { display: none; } @media (min-width: 992px) { .hero-3__img { display: block; position: absolute; left: 30%; bottom: 0; transform: translateX(-50%); } } @media (min-width: 1400px) { .hero-3__img { left: 40%; } } .hero-3__element { display: none; } @media (min-width: 1600px) { .hero-3__element { display: block; position: absolute; opacity: 0.1; z-index: -1; pointer-events: none; } .hero-3__element--1 { top: 15%; left: 5%; } .hero-3__element--2 { top: 12%; left: 15%; } .hero-3__element--3 { top: 15%; right: 5%; } .hero-3__element--4 { top: 12%; right: 22%; } } /*How to Buy Section 1*/ .how-to-buy-section-1 { position: relative; isolation: isolate; } @media (min-width: 768px) { .how-to-buy-section-1 { background-image: url(../img/shape/how-to-buy-bg-1.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } } /*How to Buy Section 1*/ .how-to-buy-section-2 { background-image: url(../img/shape/how-to-buy-bg-3.png); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } /*Road Map Section 1*/ .road-map-section-1 { position: relative; isolation: isolate; } @media (min-width: 992px) { .road-map-section-1::after { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 0.5rem; transform: translateX(-50%); background-color: var(--bs-primary-text-emphasis); } } @media (min-width: 992px) { .road-map-section-1__label--odd { position: absolute; top: 50%; left: calc(100% + 3.875rem); transform: translateY(-50%); width: -moz-max-content; width: max-content; } } @media (min-width: 1200px) { .road-map-section-1__label--odd { left: calc(100% + 10.75rem); } } @media (min-width: 1400px) { .road-map-section-1__label--odd { left: calc(100% + 12.625rem); } } @media (min-width: 992px) { .road-map-section-1__label--even { position: absolute; top: 50%; right: calc(100% + 3.875rem); transform: translateY(-50%); width: -moz-max-content; width: max-content; } } @media (min-width: 1200px) { .road-map-section-1__label--even { right: calc(100% + 10.75rem); } } @media (min-width: 1400px) { .road-map-section-1__label--even { right: calc(100% + 12.625rem); } } .road-map-section-1__element { display: none; } @media (min-width: 992px) { .road-map-section-1__element { display: block; position: absolute; pointer-events: none; } } @media (min-width: 992px) { .road-map-section-1__element--1 { top: 0; left: 50%; transform: translateX(-50%); z-index: 2; } } @media (min-width: 992px) { .road-map-section-1__element--2 { bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1; } } @media (min-width: 992px) { .road-map-section-1__element--3 { left: 1rem; top: 15%; } } @media (min-width: 1920px) { .road-map-section-1__element--3 { left: 5%; } } @media (min-width: 992px) { .road-map-section-1__element--4 { right: 1rem; top: 5%; } } @media (min-width: 1920px) { .road-map-section-1__element--4 { right: 8%; } } @media (min-width: 992px) { .road-map-section-1__element--5 { left: 1rem; top: 35%; } } @media (min-width: 1920px) { .road-map-section-1__element--5 { left: 10%; } } @media (min-width: 992px) { .road-map-section-1__element--6 { right: 1rem; top: 50%; } } @media (min-width: 1920px) { .road-map-section-1__element--6 { right: 8%; } } @media (min-width: 992px) { .road-map-section-1__element--7 { right: 1rem; top: 70%; } } @media (min-width: 1920px) { .road-map-section-1__element--7 { right: 12%; } } /*Road Map Section 2*/ .road-map-section-2 { position: relative; isolation: isolate; background-image: url(../img/shape/road-map-bg-1.png); background-size: cover; background-position: left bottom; background-repeat: no-repeat; } .road-map-section-2__element { display: none; } @media (min-width: 1200px) { .road-map-section-2__element { display: block; position: absolute; z-index: -1; } } @media (min-width: 1200px) { .road-map-section-2__element--1 { right: 2%; bottom: 5%; } } @media (min-width: 1200px) { .road-map-section-2__element--2 { left: 8%; top: 25%; } } @media (min-width: 1200px) { .road-map-section-2__element--3 { right: 8%; top: 25%; } } @media (min-width: 1200px) { .road-map-section-2__element--4 { right: 25%; top: 15%; } } @media (min-width: 1200px) { .road-map-section-2__element--5 { right: 10%; top: 15%; } } /*Road Map Section 3*/ .road-map-section-3 { position: relative; isolation: isolate; background-image: url(../img/shape/road-map-bg-2.png); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } /* Section Spacing */ .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); } /*Tokenomics Section 1*/ .tokenomics-section-1 { position: relative; isolation: isolate; } .tokenomics-section-1__img { display: none; } @media (min-width: 992px) { .tokenomics-section-1__img { display: block; position: absolute; z-index: -1; pointer-events: none; } } .tokenomics-section-1__img--1 { bottom: 0; left: 0; } @media (min-width: 1600px) { .tokenomics-section-1__img--1 { left: 5%; } } @media (min-width: 1920px) { .tokenomics-section-1__img--1 { left: 10%; } } @media (min-width: 2500px) { .tokenomics-section-1__img--1 { left: 20%; } } .tokenomics-section-1__img--2 { bottom: 0; left: 0; z-index: -2; } @media (min-width: 2500px) { .tokenomics-section-1__img--2 { left: 2%; } } .tokenomics-section-1__img--3 { top: 5%; right: 0; } @media (min-width: 1920px) { .tokenomics-section-1__img--3 { right: 5%; } } .tokenomics-section-1__img--4 { top: 50%; right: 0; } @media (min-width: 1920px) { .tokenomics-section-1__img--4 { right: 10%; } } /* Miscellaneous */ .cursor-pointer { cursor: pointer; } .cursor-default { cursor: default; } .ff-1 { font-family: var(--ff-1); } .ff-2 { font-family: var(--ff-2); } .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; } /*Animations*/ @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 { to { transform: translate(calc(-50% - 0.5rem)); } } @keyframes scrollY { to { transform: translateY(calc(-50% - 0.5rem)); } } @keyframes bounce { from, 50%, to { animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0); transform: translateY(0.5em); } 25%, 75% { animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1); transform: translateY(5.1em); } } @keyframes flare1 { from, 75%, to { animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0); transform: scale(0); } 87.5% { animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1); transform: scale(1); } } @keyframes flare2 { from, to { animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1); transform: scale(1); } 12.5%, 87.5% { animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0); transform: scale(0); } } @keyframes flare3 { from, 25%, 50%, to { animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0); transform: scale(0); } 37.5% { animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1); transform: scale(1); } } @keyframes flare4 { from, 37.5%, 62.5%, to { animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0); transform: scale(0); } 50% { animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1); transform: scale(1); } } @keyframes inscription-front { from, 75% { animation-timing-function: cubic-bezier(0.12, 0, 0.39, 0); box-shadow: 0.1875em 0 0 hsl(var(--hue2), 90%, 40%) inset; } 87.49% { animation-timing-function: steps(1); box-shadow: 0.875em -0.75em 0 hsl(var(--hue2), 90%, 40%) inset; } 87.5% { animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1); box-shadow: -0.875em 0.75em 0 hsl(var(--hue2), 90%, 40%) inset; } to { box-shadow: 0.1875em 0 hsl(var(--hue2), 90%, 40%) inset; } } @keyframes inscription-back { from, 75% { box-shadow: -1em -0.875em 0 hsl(var(--hue2), 90%, 40%) inset; } to { box-shadow: 1.125em 1em 0 hsl(var(--hue2), 90%, 40%) inset; } } @keyframes roll { from, 75% { transform: rotateY(-15deg) rotateZ(-30deg) rotateY(0); } to { transform: rotateY(-15deg) rotateZ(-30deg) rotateY(-1turn); } } @keyframes shadow { from, 50%, to { animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0); background-color: rgba(var(--bs-black-rgb), 0.5); transform: scale(0.6); } 25%, 75% { animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1); background-color: rgba(var(--bs-black-rgb), 0.75); transform: scale(1); } } /* Background */ .bg-primary-emphasis { background-color: var(--bs-primary-text-emphasis) !important; } .bg-secondary-emphasis { background-color: var(--bs-secondary-text-emphasis) !important; } .bg-success-emphasis { background-color: var(--bs-success-text-emphasis) !important; } .bg-danger-emphasis { background-color: var(--bs-danger-text-emphasis) !important; } .bg-warning-emphasis { background-color: var(--bs-warning-text-emphasis) !important; } .bg-info-emphasis { background-color: var(--bs-info-text-emphasis) !important; } .bg-light-emphasis { background-color: var(--bs-light-text-emphasis) !important; } .bg-dark-emphasis { background-color: var(--bs-dark-text-emphasis) !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-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-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-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-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-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-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-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; } .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; } /* Color */ .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-box-shadow: 0px 10px 20px -4px rgba(145, 158, 171, 0.16); --bs-primary-bg-subtle: #006091; --bs-primary-text-emphasis: #e6f5fd; --bs-secondary-bg-subtle: #9c8201; --bs-secondary-text-emphasis: #fffbe6; --bs-danger-bg-subtle: #971837; --bs-danger-text-emphasis: #feeaef; --bs-warning-bg-subtle: #966c00; --bs-warning-text-emphasis: #fef7e6; --bs-info-bg-subtle: #024153; --bs-info-text-emphasis: #e6f9ff; --bs-success-bg-subtle: #044d1d; --bs-success-text-emphasis: #e8f9ee; --bs-light-bg-subtle: #495058; --bs-light-text-emphasis: #f8f9fa; --bs-dark-bg-subtle: #0d0e10; --bs-dark-text-emphasis: #ced4da; } [data-bs-theme="light"] { --bs-box-shadow: 0px 10px 20px -4px rgba(145, 158, 171, 0.16); --bs-primary-bg-subtle: #e6f5fd; --bs-primary-text-emphasis: #006091; --bs-secondary-bg-subtle: #fffbe6; --bs-secondary-text-emphasis: #9c8201; --bs-danger-bg-subtle: #feeaef; --bs-danger-text-emphasis: #971837; --bs-warning-bg-subtle: #fef7e6; --bs-warning-text-emphasis: #966c00; --bs-info-bg-subtle: #e6f9ff; --bs-info-text-emphasis: #024153; --bs-success-bg-subtle: #e8f9ee; --bs-success-text-emphasis: #044d1d; --bs-light-bg-subtle: #f8f9fa; --bs-light-text-emphasis: #495058; --bs-dark-bg-subtle: #ced4da; --bs-dark-text-emphasis: #0d0e10; } /* Border */ .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-1x { --bs-border-width: 0.0625rem; } .border-2x { --bs-border-width: 0.125rem; } .border-4x { --bs-border-width: 0.25rem; } .border-6x { --bs-border-width: 0.375rem; } .border-8x { --bs-border-width: 0.5rem; } .border-10x { --bs-border-width: 0.625rem; } .border-12x { --bs-border-width: 0.75rem; } .border-14x { --bs-border-width: 0.875rem; } .border-16x { --bs-border-width: 1rem; } .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 { --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-4x { --outline-width: 4px; } .outline-6x { --outline-width: 6px; } .outline-8x { --outline-width: 8px; } .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; } /* Radius */ .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; } /*# sourceMappingURL=style.css.map */