@font-face{font-family:DB Heavent;src:url(../fonts/db-heavent-100.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:DB Heavent;src:url(../fonts/db-heavent-200.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:DB Heavent;src:url(../fonts/db-heavent-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:DB Heavent;src:url(../fonts/db-heavent-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DB Heavent;src:url(../fonts/db-heavent-500.woff2) format("woff2");font-weight:500 600;font-style:normal;font-display:swap}@font-face{font-family:DB Heavent;src:url(../fonts/db-heavent-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:DB Heavent;src:url(../fonts/db-heavent-800.woff2) format("woff2");font-weight:800 900;font-style:normal;font-display:swap}@font-face{font-family:DB Heavent;src:url(../fonts/db-heavent-100-italic.woff2) format("woff2");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:DB Heavent;src:url(../fonts/db-heavent-200-italic.woff2) format("woff2");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:DB Heavent;src:url(../fonts/db-heavent-300-italic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:DB Heavent;src:url(../fonts/db-heavent-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:DB Heavent;src:url(../fonts/db-heavent-500-italic.woff2) format("woff2");font-weight:500 600;font-style:italic;font-display:swap}@font-face{font-family:DB Heavent;src:url(../fonts/db-heavent-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:DB Heavent;src:url(../fonts/db-heavent-800-italic.woff2) format("woff2");font-weight:800 900;font-style:italic;font-display:swap}@font-face{font-family:DB Heavent Local;src:url(../fonts/db-heavent-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:DB Heavent Local;src:url(../fonts/db-heavent-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DB Heavent Local;src:url(../fonts/db-heavent-500.woff2) format("woff2");font-weight:500 600;font-style:normal;font-display:swap}@font-face{font-family:DB Heavent Local;src:url(../fonts/db-heavent-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(../fonts/icomoon.woff) format("woff"),url(../fonts/icomoon.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Material Design Icons;src:url(../fonts/mdi.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:themify;src:url(../fonts/themify.woff) format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 6 Pro";src:url(../fonts/fa6-thin-100.woff2) format("woff2");font-weight:100;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 6 Pro";src:url(../fonts/fa6-light-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 6 Pro";src:url(../fonts/fa6-regular-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 6 Pro";src:url(../fonts/fa6-solid-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 6 Sharp";src:url(../fonts/fa6-solid-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 6 Brands";src:url(../fonts/fa6-brands-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 6 Duotone";src:url(../fonts/fa6-duotone-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 5 Pro";src:url(../fonts/fa6-light-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 5 Pro";src:url(../fonts/fa6-regular-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 5 Pro";src:url(../fonts/fa6-solid-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 5 Brands";src:url(../fonts/fa6-brands-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 5 Duotone";src:url(../fonts/fa6-duotone-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:block}@font-face{font-family:FontAwesome;src:url(../fonts/fa6-regular-400.woff2) format("woff2"),url(../fonts/fa-v4compatibility.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}html,body{margin:0;padding:0;width:100%;font-family:DB Heavent,sans-serif}body{background:#fff}html:not(.ais-nav-ready) #vue-app header.header--primary{visibility:hidden}:root{--theme-tone-001: rgb(33, 33, 59);--theme-tone-002: rgb(17, 61, 184);--theme-tone-003: rgb(17, 49, 155);--theme-tone-004: rgb(66, 105, 198);--theme-tone-005: rgb(149, 175, 246);--theme-tone-006: rgba(149, 175, 246, .2);--theme-tone-007: rgba(17, 49, 155, .2);--theme-tone-008: rgba(17, 49, 155, .1);--theme-tone-009: rgb(46, 47, 100);--theme-tone-010: rgb(16, 28, 97);--theme-tone-011: rgb(41, 42, 84);--theme-tone-012: rgba(38, 83, 203, .6);--theme-tone-013: rgb(20, 82, 232);--theme-tone-014: rgba(119, 154, 242, .2);--theme-tone-015: rgba(166, 178, 220, .6);--theme-tone-016: rgba(99, 120, 225, .05);--theme-tone-017: rgb(38, 83, 203);--theme-tone-018: rgba(99, 120, 225, .1);--theme-tone-019: rgba(99, 120, 225, .2);--theme-tone-020: rgba(202, 209, 235, .4);--theme-tone-021: rgb(21, 85, 235);--theme-tone-022: rgb(40, 58, 130);--theme-tone-023: rgb(16, 28, 97);--theme-tone-024: rgb(40, 58, 130);--theme-tone-025: rgb(17, 49, 155);--theme-tone-026: rgba(41, 42, 84, .2);--theme-tone-027: rgb(202, 209, 235);--theme-tone-028: rgb(66, 105, 198);--theme-tone-029: rgb(233, 235, 240);--theme-tone-030: rgba(12, 29, 140, .2);--theme-tone-031: rgb(17, 61, 184);--theme-tone-032: rgb(64, 79, 156);--theme-tone-033: rgb(119, 154, 242);--theme-tone-034: rgb(242, 244, 248);--theme-tone-035: rgba(17, 49, 155, .3);--theme-tone-036: rgb(26, 88, 233);--theme-tone-037: rgba(100, 128, 224, .12);--theme-tone-038: rgba(100, 128, 224, .5);--theme-tone-039: rgba(105, 132, 225, .1);--theme-tone-040: rgba(105, 132, 225, .46);--theme-tone-041: rgba(105, 132, 225, 0);--theme-tone-042: rgba(137, 160, 236, .32);--theme-tone-043: rgba(137, 160, 236, .35);--theme-tone-044: rgba(147, 168, 236, .08);--theme-tone-045: rgba(147, 168, 236, .34);--theme-tone-046: rgba(160, 178, 241, .25);--theme-tone-047: rgba(160, 178, 241, 0);--theme-tone-048: rgba(149, 175, 246, .2);--theme-tone-049: rgba(17, 49, 155, .05);--theme-tone-050: rgb(51, 94, 218);--theme-tone-051: rgb(226, 229, 240);--theme-tone-052: rgb(236, 238, 244);--theme-tone-053: rgb(238, 240, 245);--theme-tone-054: rgb(246, 247, 251);--theme-tone-055: rgb(17, 50, 201);--theme-tone-056: rgb(51, 83, 218);--theme-tone-057: rgba(20, 82, 232, .3);--theme-tone-058: rgb(5, 15, 80);--theme-tone-059: rgb(11, 12, 90);--theme-tone-060: rgb(68, 73, 155);--theme-tone-061: rgb(125, 141, 198);--theme-tone-062: rgb(119, 154, 242);--theme-tone-063: rgba(202, 209, 235, .2);--theme-tone-064: rgba(17, 49, 155, .2);--theme-tone-065: rgba(16, 28, 97, .2);--theme-tone-066: rgb(17, 50, 201);--theme-tone-067: rgb(64, 79, 156);--theme-tone-068: rgb(51, 83, 218);--theme-tone-069: rgb(51, 94, 218);--theme-tone-070: rgb(38, 83, 203);--theme-tone-071: rgb(20, 82, 232);--theme-tone-072: rgb(26, 88, 233);--theme-tone-073: rgb(149, 175, 246, .5);--theme-tone-074: rgb(226, 229, 240);--theme-tone-075: rgb(236, 238, 244);--theme-tone-076: rgb(238, 240, 245);--theme-tone-077: rgb(246, 247, 251);--theme-tone-078: rgb(81, 112, 226);--theme-tone-079: rgb(21, 61, 205);--theme-tone-080: rgb(21, 61, 208)}.style-guide-page{--sg-bg: linear-gradient(160deg, #f6f8ef 0%, #ffffff 48%, #f2f5ff 100%);--sg-card-bg: #ffffff;--sg-outline: var(--theme-tone-049, rgba(74, 171, 0, .16));--sg-text-muted: #55575a;--sg-shadow: 0 20px 42px rgba(28, 29, 33, .08)}.style-guide-page .section{background:transparent}.style-guide-page .page-header{z-index:1}.style-guide-page__hero{position:relative;z-index:3}.style-guide-page__hero .section__body{padding-top:1.75rem}.style-guide-page__hero-grid{display:grid;gap:1.5rem;grid-template-columns:2.2fr 1fr;align-items:stretch;background:var(--sg-bg);border:1px solid var(--sg-outline);border-radius:20px;padding:clamp(1rem,2.5vw,2rem);box-shadow:var(--sg-shadow)}.style-guide-page__hero-main h2{margin:.5rem 0}.style-guide-page__hero-main p{margin-bottom:0;color:var(--sg-text-muted)}.style-guide-page__kicker{display:inline-block;margin:0;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--theme-tone-025, #4aab00)}.style-guide-page__hero-meta{display:grid;gap:.75rem}.style-guide-page__meta-item{background:var(--sg-card-bg);border:1px solid rgba(28,29,33,.08);border-radius:12px;padding:.9rem 1rem;display:grid;gap:.15rem}.style-guide-page__meta-item span{font-size:.88rem;color:var(--sg-text-muted)}.style-guide-page__meta-item strong{font-size:1rem}.style-guide-page__section .section__body{padding-top:1.2rem}.style-guide-page__section-header{margin-bottom:1rem}.style-guide-page__section-title{margin-bottom:.25rem}.style-guide-page__section-description{margin:0;color:var(--sg-text-muted)}.style-guide-page__swatches{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.style-guide-page__swatch{border:1px solid rgba(28,29,33,.08);border-radius:12px;overflow:hidden;background:#fff}.style-guide-page__swatch-chip{height:72px}.style-guide-page__swatch-meta{display:grid;gap:.15rem;padding:.7rem .8rem}.style-guide-page__swatch-meta span,.style-guide-page__swatch-meta small{color:var(--sg-text-muted)}.style-guide-page__gradient-row{margin-top:1rem;display:grid;gap:.75rem}.style-guide-page__layout-colors{margin-top:1rem}.style-guide-page__layout-colors h3{margin:0 0 .6rem}.style-guide-page__gradient-card{display:grid;gap:.75rem;align-items:center;grid-template-columns:180px 1fr;padding:.75rem;border:1px solid rgba(28,29,33,.08);border-radius:12px;background:#fff}.style-guide-page__gradient-preview{height:56px;border-radius:8px}.style-guide-page__type-list{display:grid;gap:.8rem}.style-guide-page__type-item{display:grid;gap:.8rem;grid-template-columns:280px 1fr;align-items:center;border:1px solid rgba(28,29,33,.08);border-radius:12px;padding:.75rem 1rem;background:#fff}.style-guide-page__type-meta{display:grid;gap:.1rem}.style-guide-page__type-meta span,.style-guide-page__type-meta small{color:var(--sg-text-muted)}.style-guide-page__type-sample{margin:0}.style-guide-page__spacing-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.style-guide-page__spacing-panel{background:#fff;border:1px solid rgba(28,29,33,.08);border-radius:12px;padding:1rem}.style-guide-page__spacing-panel h3{margin-top:0}.style-guide-page__space-row,.style-guide-page__radius-row{display:grid;align-items:center;gap:.6rem;grid-template-columns:90px 1fr 70px;margin-bottom:.55rem}.style-guide-page__space-bar{height:10px;border-radius:99px;background:linear-gradient(90deg,var(--theme-tone-025, #4aab00),var(--theme-tone-028, #b2d234))}.style-guide-page__radius-chip{text-align:center;padding:.35rem;border:1px solid rgba(28,29,33,.2);background:#f6f8ef}.style-guide-page__shadow-row{margin-top:.8rem;border-radius:12px;padding:.9rem;background:#fff}.style-guide-page__component-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.style-guide-page__component-card{border:1px solid rgba(28,29,33,.08);border-radius:12px;padding:1rem;background:#fff}.style-guide-page__component-card--wide{grid-column:auto}.style-guide-page__component-card h3{margin-top:0}.style-guide-page__button-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.style-guide-page__button-row--dark{margin-top:.7rem;padding:.7rem;border-radius:12px;background:#1f2e31}.style-guide-page__token-pills{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.4rem}.style-guide-page__token-pills span{display:inline-flex;border:1px solid rgba(28,29,33,.18);border-radius:999px;padding:.2rem .6rem;font-size:.82rem;color:var(--sg-text-muted);background:#fafcf7}.style-guide-page__form-row{margin-bottom:.6rem}.style-guide-page__tab-sample{max-width:560px;padding:.35rem;border-radius:16px;background:#f5f5f5}.style-guide-page__presentations-dropdown .form-row{margin-left:0;margin-right:0}.style-guide-page__presentations-dropdown .form-group{padding-left:0;padding-right:0}.style-guide-page__presentations-dropdown .select2{width:100%}.style-guide-page__presentations-dropdown .select2-selection{border:0;background:transparent;width:100%;text-align:left}.style-guide-page__presentations-dropdown .select2-selection:focus-visible{outline:0}.style-guide-page__presentations-dropdown .style-guide-page__select2-open-state{display:block;position:absolute;left:0;right:0;top:calc(100% + 4px);width:100%!important;z-index:8}.style-guide-page__presentations-dropdown .style-guide-page__select2-open-state .select2-dropdown{width:100%!important}.style-guide-page__presentations-dropdown .style-guide-page__select2-open-state .select2-results__option{cursor:pointer}.style-guide-page__sample-cards{display:grid;gap:.75rem}.style-guide-page__sample-card{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;text-decoration:none}.style-guide-page__sample-title{color:#1c1d21}.style-guide-page__data-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.style-guide-page__chart-card,.style-guide-page__table-card{border-radius:12px;border:1px solid rgba(28,29,33,.08);background:#fff;padding:1rem}.style-guide-page__chart-card .card__wrapper{padding:0}.style-guide-page__chart-preview{display:grid;gap:.5rem}.style-guide-page__bar-wrap{display:grid;gap:.25rem}.style-guide-page__bar-label{font-size:.9rem;color:var(--sg-text-muted)}.style-guide-page__bar-track{height:10px;border-radius:999px;background:#edf0e7;overflow:hidden}.style-guide-page__bar-fill{height:100%;border-radius:999px}.style-guide-page__table-card h3{margin-top:0}.style-guide-page__layout-note{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.style-guide-page__layout-note>div{border:1px solid rgba(28,29,33,.08);border-radius:12px;padding:1rem;background:#fff}.style-guide-page__layout-note h3{margin-top:0}.style-guide-page__layout-note p{margin-bottom:0;color:var(--sg-text-muted)}.style-guide-page__live-example{border:1px solid rgba(28,29,33,.08);border-radius:12px;overflow:hidden;background:#fff}.style-guide-page__live-example .section__body{padding-top:0;padding-bottom:0}.style-guide-page__live-example .card{min-height:220px}@media(max-width:991.98px){.style-guide-page__hero-grid,.style-guide-page__type-item,.style-guide-page__gradient-card{grid-template-columns:1fr}}@media(min-width:1200px){.style-guide-page__component-card--wide{grid-column:span 2}}
