<!DOCTYPE html>
<html lang="ro-RO">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="https://gmpg.org/xfn/11"> 
	<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

	<!-- This site is optimized with the Yoast SEO plugin v28.2 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>-</title>
	<link rel="canonical" href="https://www.darulvietii.ro/" />
	<meta property="og:locale" content="ro_RO" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="-" />
	<meta property="og:description" content="Asociația Darul Vieții face parte din rețeaua internațională Human Life International și este o organizație non-profit catolică, pro-viață. Depunem eforturi [&hellip;]" />
	<meta property="og:url" content="https://www.darulvietii.ro/" />
	<meta property="article:modified_time" content="2026-07-31T10:07:13+00:00" />
	<meta property="og:image" content="https://www.darulvietii.ro/wp-content/uploads/2026/07/2-2.jpg" />
	<meta property="og:image:width" content="1920" />
	<meta property="og:image:height" content="800" />
	<meta property="og:image:type" content="image/jpeg" />
	<meta name="twitter:card" content="summary_large_image" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.darulvietii.ro\/","url":"https:\/\/www.darulvietii.ro\/","name":"-","isPartOf":{"@id":"https:\/\/www.darulvietii.ro\/#website"},"about":{"@id":"https:\/\/www.darulvietii.ro\/#organization"},"primaryImageOfPage":{"@id":"https:\/\/www.darulvietii.ro\/#primaryimage"},"image":{"@id":"https:\/\/www.darulvietii.ro\/#primaryimage"},"thumbnailUrl":"https:\/\/www.darulvietii.ro\/wp-content\/uploads\/2026\/07\/2-2-1024x427.jpg","datePublished":"2026-07-28T14:41:06+00:00","dateModified":"2026-07-31T10:07:13+00:00","breadcrumb":{"@id":"https:\/\/www.darulvietii.ro\/#breadcrumb"},"inLanguage":"ro-RO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.darulvietii.ro\/"]}]},{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/www.darulvietii.ro\/#primaryimage","url":"https:\/\/www.darulvietii.ro\/wp-content\/uploads\/2026\/07\/2-2.jpg","contentUrl":"https:\/\/www.darulvietii.ro\/wp-content\/uploads\/2026\/07\/2-2.jpg","width":1920,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/www.darulvietii.ro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Acasă"}]},{"@type":"WebSite","@id":"https:\/\/www.darulvietii.ro\/#website","url":"https:\/\/www.darulvietii.ro\/","name":"Asociația Darul Vieții","description":"Viața copilului tău este prețioasă!","publisher":{"@id":"https:\/\/www.darulvietii.ro\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.darulvietii.ro\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ro-RO"},{"@type":"Organization","@id":"https:\/\/www.darulvietii.ro\/#organization","name":"Asociația Darul Vieții","url":"https:\/\/www.darulvietii.ro\/","logo":{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/www.darulvietii.ro\/#\/schema\/logo\/image\/","url":"https:\/\/www.darulvietii.ro\/wp-content\/uploads\/2016\/11\/Asociatia-Darul-Vietii-Original.png","contentUrl":"https:\/\/www.darulvietii.ro\/wp-content\/uploads\/2016\/11\/Asociatia-Darul-Vietii-Original.png","width":505,"height":103,"caption":"Asociația Darul Vieții"},"image":{"@id":"https:\/\/www.darulvietii.ro\/#\/schema\/logo\/image\/"}}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel="alternate" type="application/rss+xml" title=" &raquo; Flux" href="https://www.darulvietii.ro/feed/" />
<link rel="alternate" type="application/rss+xml" title=" &raquo; Flux comentarii" href="https://www.darulvietii.ro/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.darulvietii.ro/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.darulvietii.ro%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.darulvietii.ro/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.darulvietii.ro%2F&#038;format=xml" />
<style id='wp-img-auto-sizes-contain-inline-css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>

<link data-optimized="1" rel='stylesheet' id='astra-theme-css-css' href='https://www.darulvietii.ro/wp-content/litespeed/css/efa36b33e144aac3be0f5ce9c7700315.css?ver=fbd51' media='all' />
<style id='astra-theme-css-inline-css'>
:root{--ast-post-nav-space:0;--ast-container-default-xlg-padding:2.5em;--ast-container-default-lg-padding:2.5em;--ast-container-default-slg-padding:2em;--ast-container-default-md-padding:2.5em;--ast-container-default-sm-padding:2.5em;--ast-container-default-xs-padding:2.4em;--ast-container-default-xxs-padding:1.8em;--ast-code-block-background:#ECEFF3;--ast-comment-inputs-background:#F9FAFB;--ast-normal-container-width:1200px;--ast-narrow-container-width:750px;--ast-blog-title-font-weight:600;--ast-blog-meta-weight:600;--ast-global-color-primary:var(--ast-global-color-4);--ast-global-color-secondary:var(--ast-global-color-5);--ast-global-color-alternate-background:var(--ast-global-color-6);--ast-global-color-subtle-background:var(--ast-global-color-7);--ast-bg-style-guide:var( --ast-global-color-secondary,var(--ast-global-color-5) );--ast-shadow-style-guide:0px 0px 4px 0 #00000057;--ast-global-dark-bg-style:#fff;--ast-global-dark-lfs:#fbfbfb;--ast-widget-bg-color:#fafafa;--ast-wc-container-head-bg-color:#fbfbfb;--ast-title-layout-bg:#eeeeee;--ast-search-border-color:#e7e7e7;--ast-lifter-hover-bg:#e6e6e6;--ast-gallery-block-color:#000;--srfm-color-input-label:var(--ast-global-color-2);}html{font-size:100%;}a{color:var(--ast-global-color-0);}a:hover,a:focus{color:var(--ast-global-color-1);}body,button,input,select,textarea,.ast-button,.ast-custom-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;font-size:16px;font-size:1rem;line-height:var(--ast-body-line-height,1.65);}blockquote{color:var(--ast-global-color-3);}h1,h2,h3,h4,h5,h6,.entry-content :where(h1,h2,h3,h4,h5,h6),.site-title,.site-title a{font-weight:600;}.ast-site-identity .site-title a{color:var(--ast-global-color-2);}.site-title{font-size:26px;font-size:1.625rem;display:block;}.site-header .site-description{font-size:15px;font-size:0.9375rem;display:none;}.entry-title{font-size:20px;font-size:1.25rem;}.ast-blog-single-element.ast-taxonomy-container a{font-size:14px;font-size:0.875rem;}.ast-blog-meta-container{font-size:13px;font-size:0.8125rem;}.archive .ast-article-post .ast-article-inner,.blog .ast-article-post .ast-article-inner,.archive .ast-article-post .ast-article-inner:hover,.blog .ast-article-post .ast-article-inner:hover{border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;overflow:hidden;}h1,.entry-content :where(h1){font-size:36px;font-size:2.25rem;font-weight:600;line-height:1.4em;}h2,.entry-content :where(h2){font-size:30px;font-size:1.875rem;font-weight:600;line-height:1.3em;}h3,.entry-content :where(h3){font-size:24px;font-size:1.5rem;font-weight:600;line-height:1.3em;}h4,.entry-content :where(h4){font-size:20px;font-size:1.25rem;line-height:1.2em;font-weight:600;}h5,.entry-content :where(h5){font-size:18px;font-size:1.125rem;line-height:1.2em;font-weight:600;}h6,.entry-content :where(h6){font-size:16px;font-size:1rem;line-height:1.25em;font-weight:600;}::selection{background-color:var(--ast-global-color-0);color:#ffffff;}body,h1,h2,h3,h4,h5,h6,.entry-title a,.entry-content :where(h1,h2,h3,h4,h5,h6){color:var(--ast-global-color-3);}.tagcloud a:hover,.tagcloud a:focus,.tagcloud a.current-item{color:#ffffff;border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,textarea:focus{border-color:var(--ast-global-color-0);}input[type="radio"]:checked,input[type=reset],input[type="checkbox"]:checked,input[type="checkbox"]:hover:checked,input[type="checkbox"]:focus:checked,input[type=range]::-webkit-slider-thumb{border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);box-shadow:none;}.site-footer a:hover + .post-count,.site-footer a:focus + .post-count{background:var(--ast-global-color-0);border-color:var(--ast-global-color-0);}.single .nav-links .nav-previous,.single .nav-links .nav-next{color:var(--ast-global-color-0);}.entry-meta,.entry-meta *{line-height:1.45;color:var(--ast-global-color-0);font-weight:600;}.entry-meta a:not(.ast-button):hover,.entry-meta a:not(.ast-button):hover *,.entry-meta a:not(.ast-button):focus,.entry-meta a:not(.ast-button):focus *,.page-links > .page-link,.page-links .page-link:hover,.post-navigation a:hover{color:var(--ast-global-color-1);}#cat option,.secondary .calendar_wrap thead a,.secondary .calendar_wrap thead a:visited{color:var(--ast-global-color-0);}.secondary .calendar_wrap #today,.ast-progress-val span{background:var(--ast-global-color-0);}.secondary a:hover + .post-count,.secondary a:focus + .post-count{background:var(--ast-global-color-0);border-color:var(--ast-global-color-0);}.calendar_wrap #today > a{color:#ffffff;}.page-links .page-link,.single .post-navigation a{color:var(--ast-global-color-3);}.ast-search-menu-icon .search-form button.search-submit{padding:0 4px;}.ast-search-menu-icon form.search-form{padding-right:0;}.ast-header-search .ast-search-menu-icon.ast-dropdown-active .search-form,.ast-header-search .ast-search-menu-icon.ast-dropdown-active .search-field:focus{transition:all 0.2s;}.search-form input.search-field:focus{outline:none;}.ast-mobile-header-content .ast-builder-layout-element:not(.ast-builder-menu):not(.ast-header-divider-element),.ast-mobile-popup-content .ast-builder-layout-element:not(.ast-builder-menu):not(.ast-header-divider-element){padding:15px 20px;}.ast-search-menu-icon .search-form button.search-submit:focus,.ast-theme-transparent-header .ast-header-search .ast-dropdown-active .ast-icon,.ast-theme-transparent-header .ast-inline-search .search-field:focus .ast-icon{color:var(--ast-global-color-1);}.ast-desktop .ast-header-search .slide-search .search-form{border:2px solid var(--ast-global-color-0);}.ast-header-search .slide-search .search-field{background-color:var(--ast-global-dark-bg-style);}.ast-archive-title{color:var(--ast-global-color-2);}.widget-title{font-size:22px;font-size:1.375rem;color:var(--ast-global-color-2);}#secondary,#secondary button,#secondary input,#secondary select,#secondary textarea{font-size:16px;font-size:1rem;}.ast-single-post .entry-content a,.ast-comment-content a:not(.ast-comment-edit-reply-wrap a){text-decoration:underline;}.ast-single-post .entry-content .uagb-tab a,.ast-single-post .entry-content .uagb-ifb-cta a,.ast-single-post .entry-content .uabb-module-content a,.ast-single-post .entry-content .uagb-post-grid a,.ast-single-post .entry-content .uagb-timeline a,.ast-single-post .entry-content .uagb-toc__wrap a,.ast-single-post .entry-content .uagb-taxomony-box a,.entry-content .wp-block-latest-posts > li > a,.ast-single-post .entry-content .wp-block-file__button,a.ast-post-filter-single,.ast-single-post .ast-comment-content .comment-reply-link,.ast-single-post .ast-comment-content .comment-edit-link{text-decoration:none;}.ast-search-menu-icon.slide-search a:focus-visible:focus-visible,.astra-search-icon:focus-visible,#close:focus-visible,a:focus-visible,.ast-menu-toggle:focus-visible,.site .skip-link:focus-visible,.wp-block-loginout input:focus-visible,.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,.ast-header-navigation-arrow:focus-visible,.ast-orders-table__row .ast-orders-table__cell:focus-visible,a#ast-apply-coupon:focus-visible,#ast-apply-coupon:focus-visible,#close:focus-visible,.button.search-submit:focus-visible,#search_submit:focus,.normal-search:focus-visible,.ast-header-account-wrap:focus-visible,.astra-cart-drawer-close:focus,.ast-single-variation:focus,.ast-button:focus,.ast-builder-button-wrap:has(.ast-custom-button-link:focus),.ast-builder-button-wrap .ast-custom-button-link:focus{outline-style:dotted;outline-color:inherit;outline-width:thin;}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,input[type="number"]:focus,textarea:focus,.wp-block-search__input:focus,[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus,.ast-mobile-popup-drawer.active .menu-toggle-close:focus,#ast-scroll-top:focus,#coupon_code:focus,#ast-coupon-code:focus{border-style:dotted;border-color:inherit;border-width:thin;}input{outline:none;}.ast-logo-title-inline .site-logo-img{padding-right:1em;}.site-logo-img img{ transition:all 0.2s linear;}body .ast-oembed-container *{position:absolute;top:0;width:100%;height:100%;left:0;}body .wp-block-embed-pocket-casts .ast-oembed-container *{position:unset;}.ast-single-post-featured-section + article {margin-top: 2em;}.site-content .ast-single-post-featured-section img {width: 100%;overflow: hidden;object-fit: cover;}.ast-separate-container .site-content .ast-single-post-featured-section + article {margin-top: -80px;z-index: 9;position: relative;border-radius: 4px;}@media (min-width: 922px) {.ast-no-sidebar .site-content .ast-article-image-container--wide {margin-left: -120px;margin-right: -120px;max-width: unset;width: unset;}.ast-left-sidebar .site-content .ast-article-image-container--wide,.ast-right-sidebar .site-content .ast-article-image-container--wide {margin-left: -10px;margin-right: -10px;}.site-content .ast-article-image-container--full {margin-left: calc( -50vw + 50%);margin-right: calc( -50vw + 50%);max-width: 100vw;width: 100vw;}.ast-left-sidebar .site-content .ast-article-image-container--full,.ast-right-sidebar .site-content .ast-article-image-container--full {margin-left: -10px;margin-right: -10px;max-width: inherit;width: auto;}}.site > .ast-single-related-posts-container {margin-top: 0;}@media (min-width: 922px) {.ast-desktop .ast-container--narrow {max-width: var(--ast-narrow-container-width);margin: 0 auto;}}#secondary {margin: 4em 0 2.5em;word-break: break-word;line-height: 2;}#secondary li {margin-bottom: 0.75em;}#secondary li:last-child {margin-bottom: 0;}@media (max-width: 768px) {.js_active .ast-plain-container.ast-single-post #secondary {margin-top: 1.5em;}}.ast-separate-container.ast-two-container #secondary .widget {background-color: #fff;padding: 2em;margin-bottom: 2em;}@media (min-width: 993px) {.ast-left-sidebar #secondary {padding-right: 60px;}.ast-right-sidebar #secondary {padding-left: 60px;}}@media (max-width: 993px) {.ast-right-sidebar #secondary {padding-left: 30px;}.ast-left-sidebar #secondary {padding-right: 30px;}}@media (min-width: 993px) {.ast-page-builder-template.ast-left-sidebar #secondary {padding-left: 60px;}.ast-page-builder-template.ast-right-sidebar #secondary {padding-right: 60px;}}@media (max-width: 993px) {.ast-page-builder-template.ast-right-sidebar #secondary {padding-right: 30px;}.ast-page-builder-template.ast-left-sidebar #secondary {padding-left: 30px;}}input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type=reset],input[type=tel],input[type=date],select,textarea{font-size:16px;font-style:normal;font-weight:400;line-height:24px;width:100%;padding:12px 16px;border-radius:4px;box-shadow:0px 1px 2px 0px rgba(0,0,0,0.05);color:var(--ast-form-input-text,#475569);}input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type=reset],input[type=tel],input[type=date],select{height:40px;}input[type="date"]{border-width:1px;border-style:solid;border-color:var(--ast-border-color);background:var( --ast-global-color-secondary,var(--ast-global-color-5) );}input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type=reset]:focus,input[type="tel"]:focus,input[type="date"]:focus,select:focus,textarea:focus{border-color:#046BD2;box-shadow:none;outline:none;color:var(--ast-form-input-focus-text,#475569);}label,legend{color:var(--ast-global-color-2,#111827 );font-size:14px;font-style:normal;font-weight:500;line-height:20px;}select{padding:6px 10px;}fieldset{padding:30px;border-radius:4px;}button,.ast-button,.button,input[type="button"],input[type="reset"],input[type="submit"],a:where(.wp-block-button__link){border-radius:4px;box-shadow:0px 1px 2px 0px rgba(0,0,0,0.05);}:root{--ast-comment-inputs-background:#FFF;}::placeholder{color:var(--ast-form-field-color,#9CA3AF);}::-ms-input-placeholder{color:var(--ast-form-field-color,#9CA3AF);}@media (max-width:921.99px){#ast-desktop-header{display:none;}}@media (min-width:922px){#ast-mobile-header{display:none;}}.wp-block-buttons.aligncenter{justify-content:center;}@media (max-width:921px){.ast-theme-transparent-header #primary,.ast-theme-transparent-header #secondary{padding:0;}}@media (max-width:921px){.ast-plain-container.ast-no-sidebar #primary{padding:0;}}.ast-plain-container.ast-no-sidebar #primary{margin-top:0;margin-bottom:0;}@media (min-width:1200px){.ast-plain-container.ast-no-sidebar #primary{margin-top:60px;margin-bottom:60px;}}.wp-block-button.is-style-outline .wp-block-button__link{border-color:var(--ast-global-color-0);}div.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),div.wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color){color:var(--ast-global-color-0);}.wp-block-button.is-style-outline .wp-block-button__link:hover,.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus,.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover{color:#ffffff;background-color:var(--ast-global-color-1);border-color:var(--ast-global-color-1);}.post-page-numbers.current .page-link,.ast-pagination .page-numbers.current{color:#ffffff;border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);}.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button,.ast-outline-button,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button{border-color:var(--ast-global-color-0);border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;font-family:inherit;font-weight:500;font-size:16px;font-size:1rem;line-height:1em;padding-top:13px;padding-right:30px;padding-bottom:13px;padding-left:30px;}.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color),.ast-outline-button{color:var(--ast-global-color-0);}.wp-block-button.is-style-outline .wp-block-button__link:hover,.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus,.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover,.ast-outline-button:hover,.ast-outline-button:focus,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:hover,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:focus{color:#ffffff;background-color:var(--ast-global-color-1);border-color:var(--ast-global-color-1);}.ast-single-post .entry-content a.ast-outline-button,.ast-single-post .entry-content .is-style-outline>.wp-block-button__link{text-decoration:none;}.wp-block-button .wp-block-button__link.wp-element-button.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link.wp-element-button:not(.has-background),.ast-outline-button{background-color:transparent;}.uagb-buttons-repeater.ast-outline-button{border-radius:9999px;}@media (max-width:921px){.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button,.ast-outline-button,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button{padding-top:12px;padding-right:28px;padding-bottom:12px;padding-left:28px;}}@media (max-width:544px){.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button,.ast-outline-button,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button{padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px;}}.entry-content[data-ast-blocks-layout] > figure{margin-bottom:1em;}h1.widget-title{font-weight:600;}h2.widget-title{font-weight:600;}h3.widget-title{font-weight:600;}#page{display:flex;flex-direction:column;min-height:100vh;}.ast-404-layout-1 h1.page-title{color:var(--ast-global-color-2);}.single .post-navigation a{line-height:1em;height:inherit;}.error-404 .page-sub-title{font-size:1.5rem;font-weight:inherit;}.search .site-content .content-area .search-form{margin-bottom:0;}#page .site-content{flex-grow:1;}.widget{margin-bottom:1.25em;}#secondary li{line-height:1.5em;}#secondary .wp-block-group h2{margin-bottom:0.7em;}#secondary h2{font-size:1.7rem;}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .comment-respond{padding:3em;}.ast-separate-container .ast-article-single .ast-article-single{padding:0;}.ast-article-single .wp-block-post-template-is-layout-grid{padding-left:0;}.ast-separate-container .comments-title,.ast-narrow-container .comments-title{padding:1.5em 2em;}.ast-page-builder-template .comment-form-textarea,.ast-comment-formwrap .ast-grid-common-col{padding:0;}.ast-comment-formwrap{padding:0;display:inline-flex;column-gap:20px;width:100%;margin-left:0;margin-right:0;}.comments-area textarea#comment:focus,.comments-area textarea#comment:active,.comments-area .ast-comment-formwrap input[type="text"]:focus,.comments-area .ast-comment-formwrap input[type="text"]:active {box-shadow:none;outline:none;}.archive.ast-page-builder-template .entry-header{margin-top:2em;}.ast-page-builder-template .ast-comment-formwrap{width:100%;}.entry-title{margin-bottom:0.6em;}.ast-archive-description p{font-size:inherit;font-weight:inherit;line-height:inherit;}.ast-separate-container .ast-comment-list li.depth-1,.hentry{margin-bottom:1.5em;}.site-content section.ast-archive-description{margin-bottom:2em;}@media (min-width:921px){.ast-left-sidebar.ast-page-builder-template #secondary,.archive.ast-right-sidebar.ast-page-builder-template .site-main{padding-left:20px;padding-right:20px;}}@media (max-width:544px){.ast-comment-formwrap.ast-row{column-gap:10px;display:inline-block;}#ast-commentform .ast-grid-common-col{position:relative;width:100%;}}@media (min-width:1201px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .ast-author-box,.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:3em;}}@media (max-width:921px){.ast-left-sidebar #content > .ast-container{display:flex;flex-direction:column-reverse;width:100%;}}@media (max-width:921px){#secondary.secondary{padding-top:0;}.ast-separate-container.ast-right-sidebar #secondary{padding-left:1em;padding-right:1em;}.ast-separate-container.ast-two-container #secondary{padding-left:0;padding-right:0;}.ast-page-builder-template .entry-header #secondary,.ast-page-builder-template #secondary{margin-top:1.5em;}}@media (max-width:921px){.ast-right-sidebar #primary{padding-right:0;}.ast-page-builder-template.ast-left-sidebar #secondary,.ast-page-builder-template.ast-right-sidebar #secondary{padding-right:20px;padding-left:20px;}.ast-right-sidebar #secondary,.ast-left-sidebar #primary{padding-left:0;}.ast-left-sidebar #secondary{padding-right:0;}}@media (min-width:922px){.ast-separate-container.ast-right-sidebar #primary,.ast-separate-container.ast-left-sidebar #primary{border:0;}.search-no-results.ast-separate-container #primary{margin-bottom:4em;}}@media (min-width:922px){.ast-right-sidebar #primary{border-right:1px solid var(--ast-border-color);}.ast-left-sidebar #primary{border-left:1px solid var(--ast-border-color);}.ast-right-sidebar #secondary{border-left:1px solid var(--ast-border-color);margin-left:-1px;}.ast-left-sidebar #secondary{border-right:1px solid var(--ast-border-color);margin-right:-1px;}.ast-separate-container.ast-two-container.ast-right-sidebar #secondary{padding-left:30px;padding-right:0;}.ast-separate-container.ast-two-container.ast-left-sidebar #secondary{padding-right:30px;padding-left:0;}.ast-separate-container.ast-right-sidebar #secondary,.ast-separate-container.ast-left-sidebar #secondary{border:0;margin-left:auto;margin-right:auto;}.ast-separate-container.ast-two-container #secondary .widget:last-child{margin-bottom:0;}}.wp-block-button .wp-block-button__link{color:#ffffff;}.wp-block-button .wp-block-button__link:hover,.wp-block-button .wp-block-button__link:focus{color:#ffffff;background-color:var(--ast-global-color-1);border-color:var(--ast-global-color-1);}.wp-block-button .wp-block-button__link,.wp-block-search .wp-block-search__button,body .wp-block-file .wp-block-file__button{border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);color:#ffffff;font-family:inherit;font-weight:500;line-height:1em;font-size:16px;font-size:1rem;padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;}.ast-single-post .entry-content .wp-block-button .wp-block-button__link,.ast-single-post .entry-content .wp-block-search .wp-block-search__button,body .entry-content .wp-block-file .wp-block-file__button{text-decoration:none;}@media (max-width:921px){.wp-block-button .wp-block-button__link,.wp-block-search .wp-block-search__button,body .wp-block-file .wp-block-file__button{padding-top:14px;padding-right:28px;padding-bottom:14px;padding-left:28px;}}@media (max-width:544px){.wp-block-button .wp-block-button__link,.wp-block-search .wp-block-search__button,body .wp-block-file .wp-block-file__button{padding-top:12px;padding-right:24px;padding-bottom:12px;padding-left:24px;}}.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"],#comments .submit,.search .search-submit,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,body .wp-block-file .wp-block-file__button,.search .search-submit{border-style:solid;border-top-width:0;border-right-width:0;border-left-width:0;border-bottom-width:0;color:#ffffff;border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;font-family:inherit;font-weight:500;font-size:16px;font-size:1rem;line-height:1em;}button:focus,.menu-toggle:hover,button:hover,.ast-button:hover,.ast-custom-button:hover .button:hover,.ast-custom-button:hover ,input[type=reset]:hover,input[type=reset]:focus,input#submit:hover,input#submit:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,body .wp-block-file .wp-block-file__button:hover,body .wp-block-file .wp-block-file__button:focus{color:#ffffff;background-color:var(--ast-global-color-1);border-color:var(--ast-global-color-1);}form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button.has-icon{padding-top:calc(15px - 3px);padding-right:calc(30px - 3px);padding-bottom:calc(15px - 3px);padding-left:calc(30px - 3px);}@media (max-width:921px){.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"],#comments .submit,.search .search-submit,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,body .wp-block-file .wp-block-file__button,.search .search-submit{padding-top:14px;padding-right:28px;padding-bottom:14px;padding-left:28px;}}@media (max-width:544px){.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"],#comments .submit,.search .search-submit,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,body .wp-block-file .wp-block-file__button,.search .search-submit{padding-top:12px;padding-right:24px;padding-bottom:12px;padding-left:24px;}}@media (max-width:921px){.ast-mobile-header-stack .main-header-bar .ast-search-menu-icon{display:inline-block;}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-stack .main-header-bar .ast-search-icon{margin:0;}.ast-comment-avatar-wrap img{max-width:2.5em;}.ast-comment-meta{padding:0 1.8888em 1.3333em;}}@media (min-width:544px){.ast-container{max-width:100%;}}@media (max-width:544px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .comments-title,.ast-separate-container .ast-archive-description{padding:1.5em 1em;}.ast-separate-container #content .ast-container{padding-left:0.54em;padding-right:0.54em;}.ast-separate-container .ast-comment-list .bypostauthor{padding:.5em;}.ast-search-menu-icon.ast-dropdown-active .search-field{width:170px;}.ast-separate-container #secondary{padding-top:0;}.ast-separate-container.ast-two-container #secondary .widget{margin-bottom:1.5em;padding-left:1em;padding-right:1em;}} #ast-mobile-header .ast-site-header-cart-li a{pointer-events:none;}.ast-separate-container{background-color:#033a62;background-image:none;}@media (max-width:921px){.site-title{display:block;}.site-header .site-description{display:none;}h1,.entry-content :where(h1){font-size:30px;font-size:1.875rem;}h2,.entry-content :where(h2){font-size:25px;font-size:1.5625rem;}h3,.entry-content :where(h3){font-size:20px;font-size:1.25rem;}}@media (max-width:544px){.site-title{display:block;}.site-header .site-description{display:none;}h1,.entry-content :where(h1){font-size:30px;font-size:1.875rem;}h2,.entry-content :where(h2){font-size:25px;font-size:1.5625rem;}h3,.entry-content :where(h3){font-size:20px;font-size:1.25rem;}}@media (max-width:921px){html{font-size:91.2%;}}@media (max-width:544px){html{font-size:91.2%;}}@media (min-width:922px){.ast-container{max-width:1240px;}}@media (min-width:922px){.site-content .ast-container{display:flex;}}@media (max-width:921px){.site-content .ast-container{flex-direction:column;}}.entry-content :where(h1,h2,h3,h4,h5,h6){clear:none;}@media (min-width:922px){.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu,.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu.focus > .sub-menu{margin-left:-0px;}}.entry-content li > p{margin-bottom:0;}.site .comments-area{padding-bottom:2em;margin-top:2em;}.wp-block-file {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}.wp-block-pullquote {border: none;}.wp-block-pullquote blockquote::before {content: "\201D";font-family: "Helvetica",sans-serif;display: flex;transform: rotate( 180deg );font-size: 6rem;font-style: normal;line-height: 1;font-weight: bold;align-items: center;justify-content: center;}.has-text-align-right > blockquote::before {justify-content: flex-start;}.has-text-align-left > blockquote::before {justify-content: flex-end;}figure.wp-block-pullquote.is-style-solid-color blockquote {max-width: 100%;text-align: inherit;}:root {--wp--custom--ast-default-block-top-padding: 3em;--wp--custom--ast-default-block-right-padding: 3em;--wp--custom--ast-default-block-bottom-padding: 3em;--wp--custom--ast-default-block-left-padding: 3em;--wp--custom--ast-container-width: 1200px;--wp--custom--ast-content-width-size: 1200px;--wp--custom--ast-wide-width-size: calc(1200px + var(--wp--custom--ast-default-block-left-padding) + var(--wp--custom--ast-default-block-right-padding));}.ast-narrow-container {--wp--custom--ast-content-width-size: 750px;--wp--custom--ast-wide-width-size: 750px;}@media(max-width: 921px) {:root {--wp--custom--ast-default-block-top-padding: 3em;--wp--custom--ast-default-block-right-padding: 2em;--wp--custom--ast-default-block-bottom-padding: 3em;--wp--custom--ast-default-block-left-padding: 2em;}}@media(max-width: 544px) {:root {--wp--custom--ast-default-block-top-padding: 3em;--wp--custom--ast-default-block-right-padding: 1.5em;--wp--custom--ast-default-block-bottom-padding: 3em;--wp--custom--ast-default-block-left-padding: 1.5em;}}.entry-content > .wp-block-group,.entry-content > .wp-block-cover,.entry-content > .wp-block-columns {padding-top: var(--wp--custom--ast-default-block-top-padding);padding-right: var(--wp--custom--ast-default-block-right-padding);padding-bottom: var(--wp--custom--ast-default-block-bottom-padding);padding-left: var(--wp--custom--ast-default-block-left-padding);}.ast-plain-container.ast-no-sidebar .entry-content > .alignfull,.ast-page-builder-template .ast-no-sidebar .entry-content > .alignfull {margin-left: calc( -50vw + 50%);margin-right: calc( -50vw + 50%);max-width: 100vw;width: 100vw;}.ast-plain-container.ast-no-sidebar .entry-content .alignfull .alignfull,.ast-page-builder-template.ast-no-sidebar .entry-content .alignfull .alignfull,.ast-plain-container.ast-no-sidebar .entry-content .alignfull .alignwide,.ast-page-builder-template.ast-no-sidebar .entry-content .alignfull .alignwide,.ast-plain-container.ast-no-sidebar .entry-content .alignwide .alignfull,.ast-page-builder-template.ast-no-sidebar .entry-content .alignwide .alignfull,.ast-plain-container.ast-no-sidebar .entry-content .alignwide .alignwide,.ast-page-builder-template.ast-no-sidebar .entry-content .alignwide .alignwide,.ast-plain-container.ast-no-sidebar .entry-content .wp-block-column .alignfull,.ast-page-builder-template.ast-no-sidebar .entry-content .wp-block-column .alignfull,.ast-plain-container.ast-no-sidebar .entry-content .wp-block-column .alignwide,.ast-page-builder-template.ast-no-sidebar .entry-content .wp-block-column .alignwide {margin-left: auto;margin-right: auto;width: 100%;}[data-ast-blocks-layout] .wp-block-separator:not(.is-style-dots) {height: 0;}[data-ast-blocks-layout] .wp-block-separator {margin: 20px auto;}[data-ast-blocks-layout] .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {max-width: 100px;}[data-ast-blocks-layout] .wp-block-separator.has-background {padding: 0;}.entry-content[data-ast-blocks-layout] > * {max-width: var(--wp--custom--ast-content-width-size);margin-left: auto;margin-right: auto;}.entry-content[data-ast-blocks-layout] > .alignwide {max-width: var(--wp--custom--ast-wide-width-size);}.entry-content[data-ast-blocks-layout] .alignfull {max-width: none;}.entry-content .wp-block-columns {margin-bottom: 0;}blockquote {margin: 1.5em;border-color: rgba(0,0,0,0.05);}.wp-block-quote:not(.has-text-align-right):not(.has-text-align-center) {border-left: 5px solid rgba(0,0,0,0.05);}.has-text-align-right > blockquote,blockquote.has-text-align-right {border-right: 5px solid rgba(0,0,0,0.05);}.has-text-align-left > blockquote,blockquote.has-text-align-left {border-left: 5px solid rgba(0,0,0,0.05);}.wp-block-site-tagline,.wp-block-latest-posts .read-more {margin-top: 15px;}.wp-block-loginout p label {display: block;}.wp-block-loginout p:not(.login-remember):not(.login-submit) input {width: 100%;}.wp-block-loginout input:focus {border-color: transparent;}.wp-block-loginout input:focus {outline: thin dotted;}.entry-content .wp-block-media-text .wp-block-media-text__content {padding: 0 0 0 8%;}.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding: 0 8% 0 0;}.entry-content .wp-block-media-text.has-background .wp-block-media-text__content {padding: 8%;}.entry-content .wp-block-cover:not([class*="background-color"]):not(.has-text-color.has-link-color) .wp-block-cover__inner-container,.entry-content .wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text,.entry-content .wp-block-cover:not([class*="background-color"]) .wp-block-cover-text,.entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container,.entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text,.entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {color: var(--ast-global-color-primary,var(--ast-global-color-5));}.wp-block-loginout .login-remember input {width: 1.1rem;height: 1.1rem;margin: 0 5px 4px 0;vertical-align: middle;}.wp-block-latest-posts > li > *:first-child,.wp-block-latest-posts:not(.is-grid) > li:first-child {margin-top: 0;}.entry-content > .wp-block-buttons,.entry-content > .wp-block-uagb-buttons {margin-bottom: 1.5em;}.wp-block-search__inside-wrapper .wp-block-search__input {padding: 0 10px;color: var(--ast-global-color-3);background: var(--ast-global-color-primary,var(--ast-global-color-5));border-color: var(--ast-border-color);}.wp-block-latest-posts .read-more {margin-bottom: 1.5em;}.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input {padding-top: 5px;padding-bottom: 5px;}.wp-block-latest-posts .wp-block-latest-posts__post-date,.wp-block-latest-posts .wp-block-latest-posts__post-author {font-size: 1rem;}.wp-block-latest-posts > li > *,.wp-block-latest-posts:not(.is-grid) > li {margin-top: 12px;margin-bottom: 12px;}.ast-page-builder-template .entry-content[data-ast-blocks-layout] > .alignwide:where(:not(.uagb-is-root-container):not(.spectra-is-root-container)) > * {max-width: var(--wp--custom--ast-wide-width-size);}.ast-page-builder-template .entry-content[data-ast-blocks-layout] > .inherit-container-width > *,.ast-page-builder-template .entry-content[data-ast-blocks-layout] > *:not(.wp-block-group):where(:not(.uagb-is-root-container):not(.spectra-is-root-container)) > *,.entry-content[data-ast-blocks-layout] > .wp-block-cover .wp-block-cover__inner-container {max-width: none ;margin-left: auto;margin-right: auto;}.ast-page-builder-template .entry-content[data-ast-blocks-layout] > *,.ast-page-builder-template .entry-content[data-ast-blocks-layout] > .alignfull:where(:not(.wp-block-group):not(.uagb-is-root-container):not(.spectra-is-root-container)) > * {max-width: none;}.entry-content[data-ast-blocks-layout] .wp-block-cover:not(.alignleft):not(.alignright) {width: auto;}@media(max-width: 1200px) {.ast-separate-container .entry-content > .alignfull,.ast-separate-container .entry-content[data-ast-blocks-layout] > .alignwide,.ast-plain-container .entry-content[data-ast-blocks-layout] > .alignwide,.ast-plain-container .entry-content .alignfull {margin-left: calc(-1 * min(var(--ast-container-default-xlg-padding),20px)) ;margin-right: calc(-1 * min(var(--ast-container-default-xlg-padding),20px));}}@media(min-width: 1201px) {.ast-separate-container .entry-content > .alignfull {margin-left: calc(-1 * var(--ast-container-default-xlg-padding) );margin-right: calc(-1 * var(--ast-container-default-xlg-padding) );}.ast-separate-container .entry-content[data-ast-blocks-layout] > .alignwide,.ast-plain-container .entry-content[data-ast-blocks-layout] > .alignwide {margin-left: auto;margin-right: auto;}}@media(min-width: 921px) {.ast-separate-container .entry-content .wp-block-group.alignwide:not(.inherit-container-width) > :where(:not(.alignleft):not(.alignright)),.ast-plain-container .entry-content .wp-block-group.alignwide:not(.inherit-container-width) > :where(:not(.alignleft):not(.alignright)) {max-width: calc( var(--wp--custom--ast-content-width-size) + 80px );}.ast-plain-container.ast-right-sidebar .entry-content[data-ast-blocks-layout] .alignfull,.ast-plain-container.ast-left-sidebar .entry-content[data-ast-blocks-layout] .alignfull {margin-left: -60px;margin-right: -60px;}}@media(min-width: 544px) {.entry-content > .alignleft {margin-right: 20px;}.entry-content > .alignright {margin-left: 20px;}}@media (max-width:544px){.wp-block-columns .wp-block-column:not(:last-child){margin-bottom:20px;}.wp-block-latest-posts{margin:0;}}@media( max-width: 600px ) {.entry-content .wp-block-media-text .wp-block-media-text__content,.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding: 8% 0 0;}.entry-content .wp-block-media-text.has-background .wp-block-media-text__content {padding: 8%;}}.ast-page-builder-template .entry-header {padding-left: 0;}.ast-narrow-container .site-content .wp-block-uagb-image--align-full .wp-block-uagb-image__figure {max-width: 100%;margin-left: auto;margin-right: auto;}.entry-content ul,.entry-content ol {padding: revert;margin: revert;padding-left: 20px;}.entry-content ul.wc-block-product-template{padding: 0;}:root .has-ast-global-color-0-color{color:var(--ast-global-color-0);}:root .has-ast-global-color-0-background-color{background-color:var(--ast-global-color-0);}:root .wp-block-button .has-ast-global-color-0-color{color:var(--ast-global-color-0);}:root .wp-block-button .has-ast-global-color-0-background-color{background-color:var(--ast-global-color-0);}:root .has-ast-global-color-1-color{color:var(--ast-global-color-1);}:root .has-ast-global-color-1-background-color{background-color:var(--ast-global-color-1);}:root .wp-block-button .has-ast-global-color-1-color{color:var(--ast-global-color-1);}:root .wp-block-button .has-ast-global-color-1-background-color{background-color:var(--ast-global-color-1);}:root .has-ast-global-color-2-color{color:var(--ast-global-color-2);}:root .has-ast-global-color-2-background-color{background-color:var(--ast-global-color-2);}:root .wp-block-button .has-ast-global-color-2-color{color:var(--ast-global-color-2);}:root .wp-block-button .has-ast-global-color-2-background-color{background-color:var(--ast-global-color-2);}:root .has-ast-global-color-3-color{color:var(--ast-global-color-3);}:root .has-ast-global-color-3-background-color{background-color:var(--ast-global-color-3);}:root .wp-block-button .has-ast-global-color-3-color{color:var(--ast-global-color-3);}:root .wp-block-button .has-ast-global-color-3-background-color{background-color:var(--ast-global-color-3);}:root .has-ast-global-color-4-color{color:var(--ast-global-color-4);}:root .has-ast-global-color-4-background-color{background-color:var(--ast-global-color-4);}:root .wp-block-button .has-ast-global-color-4-color{color:var(--ast-global-color-4);}:root .wp-block-button .has-ast-global-color-4-background-color{background-color:var(--ast-global-color-4);}:root .has-ast-global-color-5-color{color:var(--ast-global-color-5);}:root .has-ast-global-color-5-background-color{background-color:var(--ast-global-color-5);}:root .wp-block-button .has-ast-global-color-5-color{color:var(--ast-global-color-5);}:root .wp-block-button .has-ast-global-color-5-background-color{background-color:var(--ast-global-color-5);}:root .has-ast-global-color-6-color{color:var(--ast-global-color-6);}:root .has-ast-global-color-6-background-color{background-color:var(--ast-global-color-6);}:root .wp-block-button .has-ast-global-color-6-color{color:var(--ast-global-color-6);}:root .wp-block-button .has-ast-global-color-6-background-color{background-color:var(--ast-global-color-6);}:root .has-ast-global-color-7-color{color:var(--ast-global-color-7);}:root .has-ast-global-color-7-background-color{background-color:var(--ast-global-color-7);}:root .wp-block-button .has-ast-global-color-7-color{color:var(--ast-global-color-7);}:root .wp-block-button .has-ast-global-color-7-background-color{background-color:var(--ast-global-color-7);}:root .has-ast-global-color-8-color{color:var(--ast-global-color-8);}:root .has-ast-global-color-8-background-color{background-color:var(--ast-global-color-8);}:root .wp-block-button .has-ast-global-color-8-color{color:var(--ast-global-color-8);}:root .wp-block-button .has-ast-global-color-8-background-color{background-color:var(--ast-global-color-8);}:root{--ast-global-color-0:#046bd2;--ast-global-color-1:#045cb4;--ast-global-color-2:#1e293b;--ast-global-color-3:#334155;--ast-global-color-4:#FFFFFF;--ast-global-color-5:#F0F5FA;--ast-global-color-6:#111111;--ast-global-color-7:#D1D5DB;--ast-global-color-8:#111111;}:root {--ast-border-color : var(--ast-global-color-7);}.ast-single-entry-banner {-js-display: flex;display: flex;flex-direction: column;justify-content: center;text-align: center;position: relative;background: var(--ast-title-layout-bg);}.ast-single-entry-banner[data-banner-layout="layout-1"] {max-width: 1200px;background: inherit;padding: 20px 0;}.ast-single-entry-banner[data-banner-width-type="custom"] {margin: 0 auto;width: 100%;}.ast-single-entry-banner + .site-content .entry-header {margin-bottom: 0;}.site .ast-author-avatar {--ast-author-avatar-size: ;}a.ast-underline-text {text-decoration: underline;}.ast-container > .ast-terms-link {position: relative;display: block;}a.ast-button.ast-badge-tax {padding: 4px 8px;border-radius: 3px;font-size: inherit;}header.entry-header{text-align:left;}header.entry-header .entry-title{font-weight:600;font-size:32px;font-size:2rem;}header.entry-header > *:not(:last-child){margin-bottom:10px;}header.entry-header .post-thumb-img-content{text-align:center;}header.entry-header .post-thumb img,.ast-single-post-featured-section.post-thumb img{aspect-ratio:16/9;width:100%;height:100%;}@media (max-width:921px){header.entry-header{text-align:left;}}@media (max-width:544px){header.entry-header{text-align:left;}}.ast-archive-entry-banner {-js-display: flex;display: flex;flex-direction: column;justify-content: center;text-align: center;position: relative;background: var(--ast-title-layout-bg);}.ast-archive-entry-banner[data-banner-width-type="custom"] {margin: 0 auto;width: 100%;}.ast-archive-entry-banner[data-banner-layout="layout-1"] {background: inherit;padding: 20px 0;text-align: left;}body.archive .ast-archive-description{max-width:1200px;width:100%;text-align:left;padding-top:3em;padding-right:3em;padding-bottom:3em;padding-left:3em;}body.archive .ast-archive-description .ast-archive-title,body.archive .ast-archive-description .ast-archive-title *{font-weight:600;font-size:32px;font-size:2rem;}body.archive .ast-archive-description > *:not(:last-child){margin-bottom:10px;}@media (max-width:921px){body.archive .ast-archive-description{text-align:left;}}@media (max-width:544px){body.archive .ast-archive-description{text-align:left;}}.ast-breadcrumbs .trail-browse,.ast-breadcrumbs .trail-items,.ast-breadcrumbs .trail-items li{display:inline-block;margin:0;padding:0;border:none;background:inherit;text-indent:0;text-decoration:none;}.ast-breadcrumbs .trail-browse{font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;}.ast-breadcrumbs .trail-items{list-style:none;}.trail-items li::after{padding:0 0.3em;content:"\00bb";}.trail-items li:last-of-type::after{display:none;}h1,h2,h3,h4,h5,h6,.entry-content :where(h1,h2,h3,h4,h5,h6){color:var(--ast-global-color-2);}.entry-title a{color:var(--ast-global-color-2);}@media (max-width:921px){.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-firstrow .ast-builder-grid-row > *:first-child,.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-lastrow .ast-builder-grid-row > *:last-child{grid-column:1 / -1;}}@media (max-width:544px){.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-firstrow .ast-builder-grid-row > *:first-child,.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-lastrow .ast-builder-grid-row > *:last-child{grid-column:1 / -1;}}.ast-builder-layout-element[data-section="title_tagline"]{display:flex;}@media (max-width:921.99px){.ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"]{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"]{display:flex;}}.ast-builder-menu-1{font-family:inherit;font-weight:inherit;}.ast-builder-menu-1 .menu-item > .menu-link{color:var(--ast-global-color-3);}.ast-builder-menu-1 .menu-item > .ast-menu-toggle{color:var(--ast-global-color-3);}.ast-builder-menu-1 .menu-link:hover,.ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link,.ast-builder-menu-1 .inline-on-mobile .ast-menu-toggle:hover,.ast-builder-menu-1 .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-1 .ast-menu-toggle:hover,.ast-builder-menu-1 .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,.ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle,.ast-builder-menu-1 .current-menu-ancestor > .menu-link{color:var(--ast-global-color-1);}.ast-builder-menu-1 .menu-item.current-menu-item > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-1 .sub-menu,.ast-builder-menu-1 .inline-on-mobile .sub-menu{border-top-width:2px;border-bottom-width:0px;border-right-width:0px;border-left-width:0px;border-color:var(--ast-global-color-0);border-style:solid;}.ast-builder-menu-1 .sub-menu .sub-menu{top:-2px;}.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu,.ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper{margin-top:0px;}.ast-desktop .ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu:before,.ast-desktop .ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper:before{height:calc( 0px + 2px + 5px );}.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link{border-style:none;}@media (max-width:921px){.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-1 .inline-on-mobile .menu-item.menu-item-has-children > .ast-menu-toggle{right:-15px;}.ast-builder-menu-1 .menu-item-has-children > .menu-link:after{content:unset;}.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu,.ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper{margin-top:0;}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu,.ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper{margin-top:0;}}.ast-builder-menu-1{display:flex;}@media (max-width:921.99px){.ast-header-break-point .ast-builder-menu-1{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-1{display:flex;}}.site-below-footer-wrap{padding-top:20px;padding-bottom:20px;}.site-below-footer-wrap[data-section="section-below-footer-builder"]{background-color:var(--ast-global-color-4 );min-height:60px;border-style:solid;border-width:0px;border-top-width:1px;border-top-color:var( --ast-global-color-subtle-background,var(--ast-global-color-7) );}.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row{max-width:1200px;min-height:60px;margin-left:auto;margin-right:auto;}.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row,.site-below-footer-wrap[data-section="section-below-footer-builder"] .site-footer-section{align-items:center;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-inline .site-footer-section{display:flex;margin-bottom:0;}.ast-builder-grid-row-full .ast-builder-grid-row{grid-template-columns:1fr;}@media (max-width:921px){.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-inline .site-footer-section{display:flex;margin-bottom:0;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-full .ast-builder-grid-row{grid-template-columns:1fr;}}@media (max-width:544px){.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-inline .site-footer-section{display:flex;margin-bottom:0;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-full .ast-builder-grid-row{grid-template-columns:1fr;}}.site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}@media (max-width:921.99px){.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}}@media (max-width:544px){.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}}.ast-footer-copyright{text-align:center;}.ast-footer-copyright.site-footer-focus-item {color:var(--ast-global-color-3);}@media (max-width:921px){.ast-footer-copyright{text-align:center;}}@media (max-width:544px){.ast-footer-copyright{text-align:center;}}.ast-footer-copyright.site-footer-focus-item {font-size:16px;font-size:1rem;}.ast-footer-copyright.ast-builder-layout-element{display:flex;}@media (max-width:921.99px){.ast-header-break-point .ast-footer-copyright.ast-builder-layout-element{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-footer-copyright.ast-builder-layout-element{display:flex;}}.site-above-footer-wrap{padding-top:20px;padding-bottom:20px;}.site-above-footer-wrap[data-section="section-above-footer-builder"]{background-color:#eeeeee;background-image:none;min-height:60px;}.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row{max-width:1200px;min-height:60px;margin-left:auto;margin-right:auto;}.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row,.site-above-footer-wrap[data-section="section-above-footer-builder"] .site-footer-section{align-items:flex-start;}.site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-inline .site-footer-section{display:flex;margin-bottom:0;}.ast-builder-grid-row-4-equal .ast-builder-grid-row{grid-template-columns:repeat( 4,1fr );}@media (max-width:921px){.site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-tablet-inline .site-footer-section{display:flex;margin-bottom:0;}.site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-tablet-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row{grid-template-columns:repeat( 4,1fr );}}@media (max-width:544px){.site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-mobile-inline .site-footer-section{display:flex;margin-bottom:0;}.site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-mobile-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-full .ast-builder-grid-row{grid-template-columns:1fr;}}.site-above-footer-wrap[data-section="section-above-footer-builder"]{display:grid;}@media (max-width:921.99px){.ast-header-break-point .site-above-footer-wrap[data-section="section-above-footer-builder"]{display:grid;}}@media (max-width:544px){.ast-header-break-point .site-above-footer-wrap[data-section="section-above-footer-builder"]{display:grid;}}.footer-widget-area.widget-area.site-footer-focus-item{width:auto;}.ast-footer-row-inline .footer-widget-area.widget-area.site-footer-focus-item{width:100%;}.ast-header-break-point .main-header-bar{border-bottom-width:1px;}@media (min-width:922px){.main-header-bar{border-bottom-width:1px;}}@media (min-width:922px){#primary{width:70%;}#secondary{width:30%;}}.main-header-menu .menu-item, #astra-footer-menu .menu-item, .main-header-bar .ast-masthead-custom-menu-items{-js-display:flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}.main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link{height:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-js-display:flex;display:flex;}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type svg{top:.2em;margin-top:0px;margin-left:0px;width:.65em;transform:translate(0, -2px) rotateZ(270deg);}.ast-mobile-popup-content .ast-submenu-expanded > .ast-menu-toggle{transform:rotateX(180deg);overflow-y:auto;}@media (min-width:922px){.ast-builder-menu .main-navigation > ul > li:last-child a{margin-right:0;}}.ast-separate-container .ast-article-inner{background-color:var(--ast-global-color-7);background-image:none;}@media (max-width:921px){.ast-separate-container .ast-article-inner{background-color:var(--ast-global-color-4);background-image:none;}}@media (max-width:544px){.ast-separate-container .ast-article-inner{background-color:var(--ast-global-color-4);background-image:none;}}.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description, .ast-separate-container .comments-area{background-color:var(--ast-global-color-7);background-image:none;}@media (max-width:921px){.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description{background-color:var(--ast-global-color-4);background-image:none;}}@media (max-width:544px){.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description{background-color:var(--ast-global-color-4);background-image:none;}}.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-7);background-image:none;}@media (max-width:921px){.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-4);background-image:none;}}@media (max-width:544px){.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-4);background-image:none;}}.ast-plain-container, .ast-page-builder-template{background-color:var(--ast-global-color-7);background-image:none;}@media (max-width:921px){.ast-plain-container, .ast-page-builder-template{background-color:var(--ast-global-color-4);background-image:none;}}@media (max-width:544px){.ast-plain-container, .ast-page-builder-template{background-color:var(--ast-global-color-4);background-image:none;}}
		#ast-scroll-top {
			display: none;
			position: fixed;
			text-align: center;
			cursor: pointer;
			z-index: 99;
			width: 2.1em;
			height: 2.1em;
			line-height: 2.1;
			color: #ffffff;
			border-radius: 2px;
			content: "";
			outline: inherit;
		}
		@media (min-width: 769px) {
			#ast-scroll-top {
				content: "769";
			}
		}
		#ast-scroll-top .ast-icon.icon-arrow svg {
			margin-left: 0px;
			vertical-align: middle;
			transform: translate(0, -20%) rotate(180deg);
			width: 1.6em;
		}
		.ast-scroll-to-top-right {
			right: 30px;
			bottom: 30px;
		}
		.ast-scroll-to-top-left {
			left: 30px;
			bottom: 30px;
		}
	#ast-scroll-top{background-color:var(--ast-global-color-0);font-size:15px;}@media (max-width:921px){#ast-scroll-top .ast-icon.icon-arrow svg{width:1em;}}.ast-mobile-header-content > *,.ast-desktop-header-content > * {padding: 10px 0;height: auto;}.ast-mobile-header-content > *:first-child,.ast-desktop-header-content > *:first-child {padding-top: 10px;}.ast-mobile-header-content > .ast-builder-menu,.ast-desktop-header-content > .ast-builder-menu {padding-top: 0;}.ast-mobile-header-content > *:last-child,.ast-desktop-header-content > *:last-child {padding-bottom: 0;}.ast-mobile-header-content .ast-search-menu-icon.ast-inline-search label,.ast-desktop-header-content .ast-search-menu-icon.ast-inline-search label {width: 100%;}.ast-desktop-header-content .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before {transform: rotateX(180deg);}#ast-desktop-header .ast-desktop-header-content,.ast-mobile-header-content .ast-search-icon,.ast-desktop-header-content .ast-search-icon,.ast-mobile-header-wrap .ast-mobile-header-content,.ast-main-header-nav-open.ast-popup-nav-open .ast-mobile-header-wrap .ast-mobile-header-content,.ast-main-header-nav-open.ast-popup-nav-open .ast-desktop-header-content {display: none;}.ast-main-header-nav-open.ast-header-break-point #ast-desktop-header .ast-desktop-header-content,.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content {display: block;}.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-up > .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-up > .menu-item .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-down > .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-down > .menu-item .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-fade > .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-fade > .menu-item .menu-item > .sub-menu {opacity: 1;visibility: visible;}.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation {width: unset;margin: unset;}.ast-mobile-header-content.content-align-flex-end .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle,.ast-desktop-header-content.content-align-flex-end .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {left: calc( 20px - 0.907em);right: auto;}.ast-mobile-header-content .ast-search-menu-icon,.ast-mobile-header-content .ast-search-menu-icon.slide-search,.ast-desktop-header-content .ast-search-menu-icon,.ast-desktop-header-content .ast-search-menu-icon.slide-search {width: 100%;position: relative;display: block;right: auto;transform: none;}.ast-mobile-header-content .ast-search-menu-icon.slide-search .search-form,.ast-mobile-header-content .ast-search-menu-icon .search-form,.ast-desktop-header-content .ast-search-menu-icon.slide-search .search-form,.ast-desktop-header-content .ast-search-menu-icon .search-form {right: 0;visibility: visible;opacity: 1;position: relative;top: auto;transform: none;padding: 0;display: block;overflow: hidden;}.ast-mobile-header-content .ast-search-menu-icon.ast-inline-search .search-field,.ast-mobile-header-content .ast-search-menu-icon .search-field,.ast-desktop-header-content .ast-search-menu-icon.ast-inline-search .search-field,.ast-desktop-header-content .ast-search-menu-icon .search-field {width: 100%;padding-right: 5.5em;}.ast-mobile-header-content .ast-search-menu-icon .search-submit,.ast-desktop-header-content .ast-search-menu-icon .search-submit {display: block;position: absolute;height: 100%;top: 0;right: 0;padding: 0 1em;border-radius: 0;}.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation ul .sub-menu .menu-link {padding-left: 30px;}.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation .sub-menu .menu-item .menu-item .menu-link {padding-left: 40px;}.ast-mobile-popup-drawer.active .ast-mobile-popup-inner{background-color:#ffffff;;}.ast-mobile-header-wrap .ast-mobile-header-content, .ast-desktop-header-content{background-color:#ffffff;;}.ast-mobile-popup-content > *, .ast-mobile-header-content > *, .ast-desktop-popup-content > *, .ast-desktop-header-content > *{padding-top:0px;padding-bottom:0px;}.content-align-flex-start .ast-builder-layout-element{justify-content:flex-start;}.content-align-flex-start .main-header-menu{text-align:left;}.ast-desktop-header-content, .ast-mobile-header-content{position:absolute;width:100%;}.ast-mobile-popup-drawer.active .menu-toggle-close{color:#3a3a3a;}.ast-mobile-header-wrap .ast-primary-header-bar,.ast-primary-header-bar .site-primary-header-wrap{min-height:80px;}.ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar .main-header-menu > .menu-item{line-height:80px;}.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar,.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar,.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar{padding-left:20px;padding-right:20px;}.ast-header-break-point .ast-primary-header-bar{border-bottom-width:1px;border-bottom-color:var( --ast-global-color-subtle-background,var(--ast-global-color-7) );border-bottom-style:solid;}@media (min-width:922px){.ast-primary-header-bar{border-bottom-width:1px;border-bottom-color:var( --ast-global-color-subtle-background,var(--ast-global-color-7) );border-bottom-style:solid;}}.ast-primary-header-bar{background-color:var( --ast-global-color-primary,var(--ast-global-color-4) );}.ast-primary-header-bar{display:block;}@media (max-width:921.99px){.ast-header-break-point .ast-primary-header-bar{display:grid;}}@media (max-width:544px){.ast-header-break-point .ast-primary-header-bar{display:grid;}}[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal{color:var(--ast-global-color-0);border:none;background:transparent;}[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{width:20px;height:20px;fill:var(--ast-global-color-0);}[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-wrap .mobile-menu{color:var(--ast-global-color-0);}.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{color:var(--ast-global-color-3);}.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle{color:var(--ast-global-color-3);}.ast-builder-menu-mobile .main-navigation .menu-link:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .menu-link:hover, .ast-builder-menu-mobile .main-header-menu > .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-mobile .main-navigation .menu-item-has-children > .menu-link:after{content:unset;}.ast-hfb-header .ast-builder-menu-mobile .main-header-menu, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link{border-style:none;}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}@media (max-width:921px){.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{color:var(--ast-global-color-3);}.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle{color:var(--ast-global-color-3);}.ast-builder-menu-mobile .main-navigation .menu-link:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);background:var(--ast-global-color-5);}.ast-builder-menu-mobile .main-navigation .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle{color:var(--ast-global-color-1);background:var(--ast-global-color-5);}.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-mobile .main-navigation .menu-item-has-children > .menu-link:after{content:unset;}.ast-builder-menu-mobile .main-navigation .main-header-menu , .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu{background-color:var(--ast-global-color-4);background-image:none;}}@media (max-width:544px){.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}}.ast-builder-menu-mobile .main-navigation{display:block;}@media (max-width:921.99px){.ast-header-break-point .ast-builder-menu-mobile .main-navigation{display:block;}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-mobile .main-navigation{display:block;}}.footer-nav-wrap .astra-footer-vertical-menu {display: grid;}@media (min-width: 769px) {.footer-nav-wrap .astra-footer-horizontal-menu li {margin: 0;}.footer-nav-wrap .astra-footer-horizontal-menu a {padding: 0 0.5em;}}@media (min-width: 769px) {.footer-nav-wrap .astra-footer-horizontal-menu li:first-child a {padding-left: 0;}.footer-nav-wrap .astra-footer-horizontal-menu li:last-child a {padding-right: 0;}}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-horizontal-menu{justify-content:center;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-vertical-menu .menu-item{align-items:center;}@media (max-width:921px){.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-horizontal-menu{justify-content:center;display:flex;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu{display:grid;justify-content:center;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu .menu-item{align-items:center;}#astra-footer-menu .menu-item > a{padding-top:0px;padding-bottom:0px;padding-left:20px;padding-right:20px;}}@media (max-width:544px){.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-horizontal-menu{justify-content:center;display:flex;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu{display:grid;justify-content:center;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu .menu-item{align-items:center;}}.footer-widget-area[data-section="section-footer-menu"]{display:block;}@media (max-width:921.99px){.ast-header-break-point .footer-widget-area[data-section="section-footer-menu"]{display:block;}}@media (max-width:544px){.ast-header-break-point .footer-widget-area[data-section="section-footer-menu"]{display:block;}}
/*# sourceURL=astra-theme-css-inline-css */
</style>
<style id='spectra-style-guide-tokens-inline-css'>
:root {
	--spectra-neutral-0: #ffffff;
	--spectra-neutral-1: #f0f1f1;
	--spectra-neutral-2: #d4d5d8;
	--spectra-neutral-3: #abacb3;
	--spectra-neutral-4: #767884;
	--spectra-neutral-5: #464757;
	--spectra-neutral-6: #1b1c2e;
	--spectra-neutral-7: #09081b;
	--spectra-chromatic1-1: #f5f6fe;
	--spectra-chromatic1-2: #e3e5ff;
	--spectra-chromatic1-3: #c8caff;
	--spectra-chromatic1-4: #a7a5ff;
	--spectra-chromatic1-5: #887efd;
	--spectra-chromatic1-6: #6e51f9;
	--spectra-chromatic1-7: #6431f6;
	--spectra-chromatic1-8: #5a2cdd;
	--spectra-chromatic1-9: #4622ac;
	--spectra-chromatic1-10: #32197b;
	--spectra-chromatic1-11: #1e0f4a;
	--spectra-chromatic2-1: #f7f7fe;
	--spectra-chromatic2-2: #e6e6ff;
	--spectra-chromatic2-3: #cfcdff;
	--spectra-chromatic2-4: #b1aaff;
	--spectra-chromatic2-5: #9686fd;
	--spectra-chromatic2-6: #7d5ef9;
	--spectra-chromatic2-7: #7345f7;
	--spectra-chromatic2-8: #683ede;
	--spectra-chromatic2-9: #5130ad;
	--spectra-chromatic2-10: #3a237c;
	--spectra-chromatic2-11: #23154a;
	--spectra-chromatic3-1: #fffbf4;
	--spectra-chromatic3-2: #fff1e1;
	--spectra-chromatic3-3: #fee3c3;
	--spectra-chromatic3-4: #fcd09c;
	--spectra-chromatic3-5: #fabd71;
	--spectra-chromatic3-6: #f7a83d;
	--spectra-chromatic3-7: #f59e0b;
	--spectra-chromatic3-8: #dd8e0a;
	--spectra-chromatic3-9: #ac6f08;
	--spectra-chromatic3-10: #7b4f06;
	--spectra-chromatic3-11: #4a2f03;
	--spectra-chromatic4-1: #f6fcf7;
	--spectra-chromatic4-2: #e3f5ea;
	--spectra-chromatic4-3: #c7ebd7;
	--spectra-chromatic4-4: #a1ddbe;
	--spectra-chromatic4-5: #77cfa5;
	--spectra-chromatic4-6: #43c08d;
	--spectra-chromatic4-7: #10b981;
	--spectra-chromatic4-8: #0ea774;
	--spectra-chromatic4-9: #0b825a;
	--spectra-chromatic4-10: #085d41;
	--spectra-chromatic4-11: #053827;
	--spectra-chromatic5-1: #fff7f5;
	--spectra-chromatic5-2: #ffe7e3;
	--spectra-chromatic5-3: #ffcdc8;
	--spectra-chromatic5-4: #ffaaa2;
	--spectra-chromatic5-5: #fb857d;
	--spectra-chromatic5-6: #f45c58;
	--spectra-chromatic5-7: #ef4444;
	--spectra-chromatic5-8: #d73d3d;
	--spectra-chromatic5-9: #a73030;
	--spectra-chromatic5-10: #782222;
	--spectra-chromatic5-11: #481414;
	--spectra-chromatic6-1: #f8f8fe;
	--spectra-chromatic6-2: #ebe8fe;
	--spectra-chromatic6-3: #d8d1ff;
	--spectra-chromatic6-4: #c0b2fd;
	--spectra-chromatic6-5: #aa92fb;
	--spectra-chromatic6-6: #956ff8;
	--spectra-chromatic6-7: #8b5cf6;
	--spectra-chromatic6-8: #7d53dd;
	--spectra-chromatic6-9: #6140ac;
	--spectra-chromatic6-10: #462e7b;
	--spectra-chromatic6-11: #2a1c4a;
	--spectra-chromatic7-1: #fef9f3;
	--spectra-chromatic7-2: #fbebde;
	--spectra-chromatic7-3: #f7d7be;
	--spectra-chromatic7-4: #f0bc94;
	--spectra-chromatic7-5: #e7a169;
	--spectra-chromatic7-6: #de8536;
	--spectra-chromatic7-7: #d97706;
	--spectra-chromatic7-8: #c36b05;
	--spectra-chromatic7-9: #985304;
	--spectra-chromatic7-10: #6d3c03;
	--spectra-chromatic7-11: #412402;
	--spectra-white: #ffffff;
	--spectra-transparent: transparent;
	--spectra-opacity-dark-5: rgba(9, 8, 27, 0.05);
	--spectra-opacity-dark-10: rgba(9, 8, 27, 0.1);
	--spectra-opacity-dark-15: rgba(9, 8, 27, 0.15);
	--spectra-opacity-dark-20: rgba(9, 8, 27, 0.2);
	--spectra-opacity-dark-30: rgba(9, 8, 27, 0.3);
	--spectra-opacity-dark-40: rgba(9, 8, 27, 0.4);
	--spectra-opacity-dark-50: rgba(9, 8, 27, 0.5);
	--spectra-opacity-dark-60: rgba(9, 8, 27, 0.6);
	--spectra-opacity-light-5: rgba(255, 255, 255, 0.05);
	--spectra-opacity-light-10: rgba(255, 255, 255, 0.1);
	--spectra-opacity-light-15: rgba(255, 255, 255, 0.15);
	--spectra-opacity-light-20: rgba(255, 255, 255, 0.2);
	--spectra-opacity-light-30: rgba(255, 255, 255, 0.3);
	--spectra-opacity-light-40: rgba(255, 255, 255, 0.4);
	--spectra-opacity-light-50: rgba(255, 255, 255, 0.5);
	--spectra-opacity-light-60: rgba(255, 255, 255, 0.6);
	--spectra-shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
	--spectra-shadow-md: 0 2px 8px rgba(0,0,0,0.05);
	--spectra-shadow-lg: 0 4px 16px rgba(0,0,0,0.06);
	--spectra-radius-interactive: 8px;
	--spectra-radius-badge: 6px;
	--spectra-radius-input: 8px;
	--spectra-radius-card: 12px;
	--spectra-radius-image: 8px;
	--spectra-btn-bg: var(--wp--preset--color--primary);
	--spectra-btn-text: var(--wp--preset--color--background);
	--spectra-btn-border-color: transparent;
	--spectra-btn-border-width: 0px;
	--spectra-btn-border-style: none;
	--spectra-btn-shadow: none;
	--spectra-btn-secondary-bg: transparent;
	--spectra-btn-secondary-text: var(--wp--preset--color--primary);
	--spectra-btn-secondary-border-color: var(--wp--preset--color--primary);
	--spectra-btn-secondary-border-width: 1.5px;
	--spectra-btn-secondary-border-style: solid;
	--spectra-card-bg: transparent;
	--spectra-card-border-color: transparent;
	--spectra-card-border-width: 0px;
	--spectra-card-border-style: none;
	--spectra-card-shadow: none;
	--spectra-space-xs: 0.5rem;
	--spectra-space-sm: 1rem;
	--spectra-space-md: 1.5rem;
	--spectra-space-lg: 2.5rem;
	--spectra-space-xl: 4rem;
	--spectra-space-2xl: 6rem;
	--spectra-text-xs: 0.75rem;
	--spectra-text-sm: 0.875rem;
	--spectra-text-md: 1rem;
	--spectra-text-lg: 1.125rem;
	--spectra-text-xl: 1.25rem;
	--spectra-text-2xl: 1.5rem;
	--spectra-text-3xl: 1.875rem;
	--spectra-text-4xl: 2.25rem;
	--spectra-text-5xl: 3rem;
	--spectra-text-6xl: 3.75rem;
	--spectra-text-7xl: 4.5rem;
	--spectra-text-8xl: 6rem;
	--spectra-text-9xl: 8rem;
	--spectra-heading-1: 2.25rem;
	--spectra-heading-2: 1.875rem;
	--spectra-heading-3: 1.5rem;
	--spectra-heading-4: 1.25rem;
	--spectra-heading-5: 1.125rem;
	--spectra-heading-6: 1rem;
	--spectra-section-padding-y: 3.5rem;
	--spectra-section-gap: 2rem;
	--spectra-content-max-width: 1200px;
	--spectra-card-padding: 2rem;
	--spectra-card-gap: 1.25rem;
	--spectra-input-bg: var(--wp--preset--color--background);
	--spectra-input-text: var(--spectra-neutral-7);
	--spectra-input-border-color: var(--wp--preset--color--outline);
	--spectra-input-border-width: 1px;
	--spectra-input-border-style: solid;
	--spectra-input-placeholder: var(--spectra-opacity-dark-40);
	--spectra-input-focus-border: var(--wp--preset--color--primary);
	--spectra-input-focus-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary) 15%, transparent);
	--spectra-badge-bg: color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent);
	--spectra-badge-text: var(--wp--preset--color--primary);
	--spectra-badge-border-color: transparent;
	--spectra-badge-border-width: 0px;
	--spectra-badge-font-size: 0.75rem;
	--spectra-badge-font-weight: 600;
	--spectra-badge-letter-spacing: 0.05em;
	--spectra-badge-text-transform: uppercase;
	--spectra-badge-padding-x: 0.75em;
	--spectra-badge-padding-y: 0.25em;
	--spectra-link-color: var(--wp--preset--color--primary);
	--spectra-link-decoration: none;
	--spectra-link-hover-color: var(--wp--preset--color--secondary);
	--spectra-link-hover-decoration: underline;
	--spectra-image-overlay: none;
	--spectra-image-filter: none;
	--spectra-image-border: none;
	--spectra-btn-hover-bg: color-mix(in srgb, var(--spectra-btn-bg) 90%, black);
	--spectra-btn-hover-text: var(--spectra-btn-text);
	--spectra-btn-hover-shadow: var(--spectra-shadow-sm);
	--spectra-btn-hover-translate-y: -1px;
	--spectra-card-hover-shadow: var(--spectra-shadow-md);
	--spectra-card-hover-translate-y: -2px;
	--spectra-dark-card-bg: color-mix(in srgb, var(--spectra-white) 8%, transparent);
	--spectra-dark-card-border-color: var(--spectra-opacity-light-10);
	--spectra-dark-card-shadow: none;
	--spectra-dark-btn-bg: var(--spectra-white);
	--spectra-dark-btn-text: var(--spectra-neutral-7);
	--spectra-dark-btn-secondary-bg: transparent;
	--spectra-dark-btn-secondary-text: var(--spectra-white);
	--spectra-dark-btn-secondary-border-color: var(--spectra-opacity-light-30);
	--spectra-body-line-height: 1.65;
	--spectra-heading-line-height: 1.2;
	--spectra-body-letter-spacing: 0em;
	--spectra-heading-letter-spacing: -0.02em;
	--spectra-gradient-primary: linear-gradient(135deg, var(--wp--preset--color--primary), var(--wp--preset--color--secondary));
	--spectra-gradient-accent: linear-gradient(135deg, var(--wp--preset--color--primary), color-mix(in srgb, var(--wp--preset--color--primary) 60%, var(--spectra-chromatic2-4, #8b5cf6)));
	--spectra-gradient-surface: linear-gradient(180deg, var(--wp--preset--color--background), var(--wp--preset--color--surface));
	--spectra-overlay-dark: rgba(0, 0, 0, 0.5);
	--spectra-overlay-light: rgba(255, 255, 255, 0.7);
	--spectra-overlay-brand: color-mix(in srgb, var(--wp--preset--color--primary) 80%, transparent);
	--spectra-overlay-gradient: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
	--spectra-divider-color: var(--wp--preset--color--outline);
	--spectra-divider-width: 1px;
	--spectra-divider-style: solid;
	--spectra-nav-bg: var(--wp--preset--color--background);
	--spectra-nav-text: var(--spectra-neutral-7);
	--spectra-nav-link-hover: var(--wp--preset--color--primary);
	--spectra-nav-border-bottom: 1px solid var(--spectra-opacity-dark-5);
	--spectra-icon-size: 24px;
	--spectra-icon-color: currentColor;
	--spectra-icon-container-bg: color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent);
	--spectra-icon-container-radius: var(--spectra-radius-badge);
	--spectra-icon-container-size: 48px;
	--spectra-transition-fast: 100ms;
	--spectra-transition-normal: 200ms;
	--spectra-transition-slow: 350ms;
	--spectra-ease-default: cubic-bezier(0.4, 0, 0.2, 1);
	--spectra-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
	--spectra-ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
	--spectra-entrance-duration: 400ms;
	--spectra-entrance-distance: 12px;
	--spectra-entrance-stagger: 60ms;
	--spectra-btn-press-scale: 0.97;
	--spectra-focus-scale: 1.02;
	--spectra-focus-ring-color: var(--wp--preset--color--primary);
	--spectra-focus-ring-width: 2px;
	--spectra-focus-ring-offset: 2px;
	--spectra-focus-ring-style: solid;

	/* sg-* WP preset color aliases */
	--wp--preset--color--sg-accent: #6431f6;
	--wp--preset--color--sg-secondary: #887efd;
	--wp--preset--color--sg-heading: #09081b;
	--wp--preset--color--sg-body: #464757;
	--wp--preset--color--sg-surface: #f0f1f1;
	--wp--preset--color--sg-background: #ffffff;
	--wp--preset--color--sg-border: #d4d5d8;
	--wp--preset--color--sg-neutral: #1b1c2e;
	--wp--preset--color--sg-muted: #767884;

	/* Style Guide shadow / spacing / font-family presets */
	--wp--preset--shadow--small: 0 1px 2px rgba(0,0,0,0.04);
	--wp--preset--shadow--medium: 0 2px 6px rgba(0,0,0,0.06);
	--wp--preset--shadow--large: 0 6px 16px rgba(0,0,0,0.08);
	--wp--preset--shadow--deep: 0 12px 28px rgba(0,0,0,0.12);
	--wp--preset--shadow--crisp: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.04);
	--wp--preset--shadow--sharp: 0 1px 1px rgba(0,0,0,0.06), 0 2px 2px rgba(0,0,0,0.06);
	--wp--preset--shadow--natural: 0 2px 8px rgba(0,0,0,0.05);
	--wp--preset--shadow--outlined: 0 0 0 2px var(--wp--preset--color--outline);
	--wp--preset--spacing--gutter: 1rem;
}

[data-spectra-scheme="neutral-0"] {
	--spectra-scheme-background: var(--spectra-neutral-0);
	--spectra-scheme-foreground: var(--spectra-neutral-0);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="neutral-1"] {
	--spectra-scheme-background: var(--spectra-neutral-1);
	--spectra-scheme-foreground: var(--spectra-neutral-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="neutral-2"] {
	--spectra-scheme-background: var(--spectra-neutral-2);
	--spectra-scheme-foreground: var(--spectra-neutral-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="neutral-3"] {
	--spectra-scheme-background: var(--spectra-neutral-3);
	--spectra-scheme-foreground: var(--spectra-neutral-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="neutral-4"] {
	--spectra-scheme-background: var(--spectra-neutral-4);
	--spectra-scheme-foreground: var(--spectra-neutral-4);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="neutral-5"] {
	--spectra-scheme-background: var(--spectra-neutral-5);
	--spectra-scheme-foreground: var(--spectra-neutral-5);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="neutral-6"] {
	--spectra-scheme-background: var(--spectra-neutral-6);
	--spectra-scheme-foreground: var(--spectra-neutral-6);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="neutral-7"] {
	--spectra-scheme-background: var(--spectra-neutral-7);
	--spectra-scheme-foreground: var(--spectra-neutral-7);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic1-1"] {
	--spectra-scheme-background: var(--spectra-chromatic1-1);
	--spectra-scheme-foreground: var(--spectra-chromatic1-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic1-2"] {
	--spectra-scheme-background: var(--spectra-chromatic1-2);
	--spectra-scheme-foreground: var(--spectra-chromatic1-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic1-3"] {
	--spectra-scheme-background: var(--spectra-chromatic1-3);
	--spectra-scheme-foreground: var(--spectra-chromatic1-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic1-4"] {
	--spectra-scheme-background: var(--spectra-chromatic1-4);
	--spectra-scheme-foreground: var(--spectra-chromatic1-4);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic1-5"] {
	--spectra-scheme-background: var(--spectra-chromatic1-5);
	--spectra-scheme-foreground: var(--spectra-chromatic1-5);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic1-6"] {
	--spectra-scheme-background: var(--spectra-chromatic1-6);
	--spectra-scheme-foreground: var(--spectra-chromatic1-6);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic1-7"] {
	--spectra-scheme-background: var(--spectra-chromatic1-7);
	--spectra-scheme-foreground: var(--spectra-chromatic1-7);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic2-1"] {
	--spectra-scheme-background: var(--spectra-chromatic2-1);
	--spectra-scheme-foreground: var(--spectra-chromatic2-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic2-2"] {
	--spectra-scheme-background: var(--spectra-chromatic2-2);
	--spectra-scheme-foreground: var(--spectra-chromatic2-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic2-3"] {
	--spectra-scheme-background: var(--spectra-chromatic2-3);
	--spectra-scheme-foreground: var(--spectra-chromatic2-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic2-4"] {
	--spectra-scheme-background: var(--spectra-chromatic2-4);
	--spectra-scheme-foreground: var(--spectra-chromatic2-4);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic2-5"] {
	--spectra-scheme-background: var(--spectra-chromatic2-5);
	--spectra-scheme-foreground: var(--spectra-chromatic2-5);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic2-6"] {
	--spectra-scheme-background: var(--spectra-chromatic2-6);
	--spectra-scheme-foreground: var(--spectra-chromatic2-6);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic2-7"] {
	--spectra-scheme-background: var(--spectra-chromatic2-7);
	--spectra-scheme-foreground: var(--spectra-chromatic2-7);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic3-1"] {
	--spectra-scheme-background: var(--spectra-chromatic3-1);
	--spectra-scheme-foreground: var(--spectra-chromatic3-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic3-2"] {
	--spectra-scheme-background: var(--spectra-chromatic3-2);
	--spectra-scheme-foreground: var(--spectra-chromatic3-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic3-3"] {
	--spectra-scheme-background: var(--spectra-chromatic3-3);
	--spectra-scheme-foreground: var(--spectra-chromatic3-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic3-4"] {
	--spectra-scheme-background: var(--spectra-chromatic3-4);
	--spectra-scheme-foreground: var(--spectra-chromatic3-4);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic3-5"] {
	--spectra-scheme-background: var(--spectra-chromatic3-5);
	--spectra-scheme-foreground: var(--spectra-chromatic3-5);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic3-6"] {
	--spectra-scheme-background: var(--spectra-chromatic3-6);
	--spectra-scheme-foreground: var(--spectra-chromatic3-6);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic3-7"] {
	--spectra-scheme-background: var(--spectra-chromatic3-7);
	--spectra-scheme-foreground: var(--spectra-chromatic3-7);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic4-1"] {
	--spectra-scheme-background: var(--spectra-chromatic4-1);
	--spectra-scheme-foreground: var(--spectra-chromatic4-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic4-2"] {
	--spectra-scheme-background: var(--spectra-chromatic4-2);
	--spectra-scheme-foreground: var(--spectra-chromatic4-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic4-3"] {
	--spectra-scheme-background: var(--spectra-chromatic4-3);
	--spectra-scheme-foreground: var(--spectra-chromatic4-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic4-4"] {
	--spectra-scheme-background: var(--spectra-chromatic4-4);
	--spectra-scheme-foreground: var(--spectra-chromatic4-4);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic4-5"] {
	--spectra-scheme-background: var(--spectra-chromatic4-5);
	--spectra-scheme-foreground: var(--spectra-chromatic4-5);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic4-6"] {
	--spectra-scheme-background: var(--spectra-chromatic4-6);
	--spectra-scheme-foreground: var(--spectra-chromatic4-6);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic4-7"] {
	--spectra-scheme-background: var(--spectra-chromatic4-7);
	--spectra-scheme-foreground: var(--spectra-chromatic4-7);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic5-1"] {
	--spectra-scheme-background: var(--spectra-chromatic5-1);
	--spectra-scheme-foreground: var(--spectra-chromatic5-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic5-2"] {
	--spectra-scheme-background: var(--spectra-chromatic5-2);
	--spectra-scheme-foreground: var(--spectra-chromatic5-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic5-3"] {
	--spectra-scheme-background: var(--spectra-chromatic5-3);
	--spectra-scheme-foreground: var(--spectra-chromatic5-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic5-4"] {
	--spectra-scheme-background: var(--spectra-chromatic5-4);
	--spectra-scheme-foreground: var(--spectra-chromatic5-4);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic5-5"] {
	--spectra-scheme-background: var(--spectra-chromatic5-5);
	--spectra-scheme-foreground: var(--spectra-chromatic5-5);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic5-6"] {
	--spectra-scheme-background: var(--spectra-chromatic5-6);
	--spectra-scheme-foreground: var(--spectra-chromatic5-6);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic5-7"] {
	--spectra-scheme-background: var(--spectra-chromatic5-7);
	--spectra-scheme-foreground: var(--spectra-chromatic5-7);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic6-1"] {
	--spectra-scheme-background: var(--spectra-chromatic6-1);
	--spectra-scheme-foreground: var(--spectra-chromatic6-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic6-2"] {
	--spectra-scheme-background: var(--spectra-chromatic6-2);
	--spectra-scheme-foreground: var(--spectra-chromatic6-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic6-3"] {
	--spectra-scheme-background: var(--spectra-chromatic6-3);
	--spectra-scheme-foreground: var(--spectra-chromatic6-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic6-4"] {
	--spectra-scheme-background: var(--spectra-chromatic6-4);
	--spectra-scheme-foreground: var(--spectra-chromatic6-4);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic6-5"] {
	--spectra-scheme-background: var(--spectra-chromatic6-5);
	--spectra-scheme-foreground: var(--spectra-chromatic6-5);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic6-6"] {
	--spectra-scheme-background: var(--spectra-chromatic6-6);
	--spectra-scheme-foreground: var(--spectra-chromatic6-6);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic6-7"] {
	--spectra-scheme-background: var(--spectra-chromatic6-7);
	--spectra-scheme-foreground: var(--spectra-chromatic6-7);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic7-1"] {
	--spectra-scheme-background: var(--spectra-chromatic7-1);
	--spectra-scheme-foreground: var(--spectra-chromatic7-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic7-2"] {
	--spectra-scheme-background: var(--spectra-chromatic7-2);
	--spectra-scheme-foreground: var(--spectra-chromatic7-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic7-3"] {
	--spectra-scheme-background: var(--spectra-chromatic7-3);
	--spectra-scheme-foreground: var(--spectra-chromatic7-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic7-4"] {
	--spectra-scheme-background: var(--spectra-chromatic7-4);
	--spectra-scheme-foreground: var(--spectra-chromatic7-4);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic7-5"] {
	--spectra-scheme-background: var(--spectra-chromatic7-5);
	--spectra-scheme-foreground: var(--spectra-chromatic7-5);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic7-6"] {
	--spectra-scheme-background: var(--spectra-chromatic7-6);
	--spectra-scheme-foreground: var(--spectra-chromatic7-6);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic7-7"] {
	--spectra-scheme-background: var(--spectra-chromatic7-7);
	--spectra-scheme-foreground: var(--spectra-chromatic7-7);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}
:root {
	--color--primary: var(--wp--preset--color--primary);
	--color--primary-near-white: var(--spectra-chromatic1-1);
	--color--primary-lightest: var(--spectra-chromatic1-1);
	--color--primary-lighter: var(--spectra-chromatic1-3);
	--color--primary-light: var(--spectra-chromatic1-5);
	--color--primary-dark: var(--spectra-chromatic1-8);
	--color--primary-darker: var(--spectra-chromatic1-9);
	--color--primary-darkest: var(--spectra-chromatic1-10);
	--color--primary-near-black: var(--spectra-chromatic1-11);
	--color--primary-complement: var(--spectra-chromatic1-7);
	--color--primary-inverted: var(--spectra-neutral-7);
	--color--secondary: var(--wp--preset--color--secondary);
	--color--secondary-near-white: var(--spectra-chromatic2-1);
	--color--secondary-lightest: var(--spectra-chromatic2-1);
	--color--secondary-lighter: var(--spectra-chromatic2-3);
	--color--secondary-light: var(--spectra-chromatic2-5);
	--color--secondary-dark: var(--spectra-chromatic2-8);
	--color--secondary-darker: var(--spectra-chromatic2-9);
	--color--secondary-darkest: var(--spectra-chromatic2-10);
	--color--secondary-near-black: var(--spectra-chromatic2-11);
	--color--secondary-complement: var(--spectra-chromatic2-7);
	--color--secondary-inverted: var(--spectra-neutral-7);
	--color--base: var(--spectra-neutral-4);
	--color--base-near-white: var(--spectra-neutral-7);
	--color--base-lightest: var(--spectra-neutral-7);
	--color--base-lighter: var(--spectra-neutral-6);
	--color--base-light: var(--spectra-neutral-5);
	--color--base-dark: var(--spectra-neutral-3);
	--color--base-darker: var(--spectra-neutral-2);
	--color--base-darkest: var(--spectra-neutral-1);
	--color--base-near-black: var(--spectra-neutral-0);
	--space--xs: var(--spectra-space-xs);
	--space--sm: var(--spectra-space-sm);
	--space--md: var(--spectra-space-md);
	--space--lg: var(--spectra-space-lg);
	--space--xl: var(--spectra-space-xl);
	--space--xxl: var(--spectra-space-2xl);
	--text--xs: var(--spectra-text-xs);
	--text--sm: var(--spectra-text-sm);
	--text--md: var(--spectra-text-md);
	--text--lg: var(--spectra-text-lg);
	--text--xl: var(--spectra-text-xl);
	--text--xxl: var(--spectra-text-2xl);
	--heading--1: var(--spectra-heading-1);
	--heading--2: var(--spectra-heading-2);
	--heading--3: var(--spectra-heading-3);
	--heading--4: var(--spectra-heading-4);
	--heading--5: var(--spectra-heading-5);
	--heading--6: var(--spectra-heading-6);
}

/*# sourceURL=spectra-style-guide-tokens-inline-css */
</style>
<link data-optimized="1" rel='stylesheet' id='spectra-scheme-override-css' href='https://www.darulvietii.ro/wp-content/litespeed/css/f0119b2763a3239b7189fa18ee5a2cab.css?ver=5ef1c' media='all' />
<link data-optimized="1" rel='stylesheet' id='spectra-component-tokens-css' href='https://www.darulvietii.ro/wp-content/litespeed/css/45b118f80488587e141163d77230deae.css?ver=69682' media='all' />
<style id='wp-emoji-styles-inline-css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<link data-optimized="1" rel='stylesheet' id='wp-block-library-css' href='https://www.darulvietii.ro/wp-content/litespeed/css/02e94fdb355e0c913395b0d79fd3c018.css?ver=a0ae4' media='all' />

<style id='wp-block-avatar-inline-css'>
.wp-block-avatar{
  line-height:0;
}
.wp-block-avatar,.wp-block-avatar img{
  box-sizing:border-box;
}
.wp-block-avatar.aligncenter{
  text-align:center;
}
/*# sourceURL=https://www.darulvietii.ro/wp-includes/blocks/avatar/style.css */
</style>
<link data-optimized="1" rel='stylesheet' id='wp-block-cover-css' href='https://www.darulvietii.ro/wp-content/litespeed/css/5fe5df29534184699018048a87d3d814.css?ver=bbd19' media='all' />
<style id='wp-block-heading-inline-css'>
h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{
  padding:1.25em 2.375em;
}
h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){
  rotate:180deg;
}
/*# sourceURL=https://www.darulvietii.ro/wp-includes/blocks/heading/style.css */
</style>
<style id='wp-block-image-inline-css'>
.wp-block-image>a,.wp-block-image>figure>a{
  display:inline-block;
}
.wp-block-image img{
  box-sizing:border-box;
  height:auto;
  max-width:100%;
  vertical-align:bottom;
}
@media not (prefers-reduced-motion){
  .wp-block-image img.hide{
    visibility:hidden;
  }
  .wp-block-image img.show{
    animation:show-content-image .4s;
  }
}
.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{
  border-radius:inherit;
}
.wp-block-image.has-custom-border img{
  box-sizing:border-box;
}
.wp-block-image.aligncenter{
  text-align:center;
}
.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{
  width:100%;
}
.wp-block-image.alignfull img,.wp-block-image.alignwide img{
  height:auto;
  width:100%;
}
.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{
  display:table;
}
.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{
  caption-side:bottom;
  display:table-caption;
}
.wp-block-image .alignleft{
  float:left;
  margin:.5em 1em .5em 0;
}
.wp-block-image .alignright{
  float:right;
  margin:.5em 0 .5em 1em;
}
.wp-block-image .aligncenter{
  margin-left:auto;
  margin-right:auto;
}
.wp-block-image :where(figcaption){
  margin-bottom:1em;
  margin-top:.5em;
}
.wp-block-image.is-style-circle-mask img{
  border-radius:9999px;
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){
  .wp-block-image.is-style-circle-mask img{
    border-radius:0;
    -webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
            mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
    mask-mode:alpha;
    -webkit-mask-position:center;
            mask-position:center;
    -webkit-mask-repeat:no-repeat;
            mask-repeat:no-repeat;
    -webkit-mask-size:contain;
            mask-size:contain;
  }
}

:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){
  border-radius:9999px;
}

.wp-block-image figure{
  margin:0;
}

.wp-lightbox-container{
  display:flex;
  flex-direction:column;
  position:relative;
}
.wp-lightbox-container img{
  cursor:zoom-in;
}
.wp-lightbox-container img:hover+button{
  opacity:1;
}
.wp-lightbox-container button{
  align-items:center;
  backdrop-filter:blur(16px) saturate(180%);
  background-color:#5a5a5a40;
  border:none;
  border-radius:4px;
  cursor:zoom-in;
  display:flex;
  height:20px;
  justify-content:center;
  opacity:0;
  padding:0;
  position:absolute;
  right:16px;
  text-align:center;
  top:16px;
  width:20px;
  z-index:100;
}
@media not (prefers-reduced-motion){
  .wp-lightbox-container button{
    transition:opacity .2s ease;
  }
}
.wp-lightbox-container button:focus-visible{
  outline:3px auto #5a5a5a40;
  outline:3px auto -webkit-focus-ring-color;
  outline-offset:3px;
}
.wp-lightbox-container button:hover{
  cursor:pointer;
  opacity:1;
}
.wp-lightbox-container button:focus{
  opacity:1;
}
.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){
  background-color:#5a5a5a40;
  border:none;
}

.wp-lightbox-overlay{
  box-sizing:border-box;
  cursor:zoom-out;
  height:100vh;
  left:0;
  overflow:hidden;
  position:fixed;
  top:0;
  visibility:hidden;
  width:100%;
  z-index:100000;
}
.wp-lightbox-overlay .close-button{
  align-items:center;
  cursor:pointer;
  display:flex;
  justify-content:center;
  min-height:40px;
  min-width:40px;
  padding:0;
  position:absolute;
  right:calc(env(safe-area-inset-right) + 16px);
  top:calc(env(safe-area-inset-top) + 16px);
  z-index:5000000;
}
.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){
  background:none;
  border:none;
}
.wp-lightbox-overlay .lightbox-image-container{
  height:var(--wp--lightbox-container-height);
  left:50%;
  overflow:hidden;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  transform-origin:top left;
  width:var(--wp--lightbox-container-width);
  z-index:9999999999;
}
.wp-lightbox-overlay .wp-block-image{
  align-items:center;
  box-sizing:border-box;
  display:flex;
  height:100%;
  justify-content:center;
  margin:0;
  position:relative;
  transform-origin:0 0;
  width:100%;
  z-index:3000000;
}
.wp-lightbox-overlay .wp-block-image img{
  height:var(--wp--lightbox-image-height);
  min-height:var(--wp--lightbox-image-height);
  min-width:var(--wp--lightbox-image-width);
  width:var(--wp--lightbox-image-width);
}
.wp-lightbox-overlay .wp-block-image figcaption{
  display:none;
}
.wp-lightbox-overlay button{
  background:none;
  border:none;
}
.wp-lightbox-overlay .scrim{
  background-color:#fff;
  height:100%;
  opacity:.9;
  position:absolute;
  width:100%;
  z-index:2000000;
}
.wp-lightbox-overlay.active{
  visibility:visible;
}
@media not (prefers-reduced-motion){
  .wp-lightbox-overlay.active{
    animation:turn-on-visibility .25s both;
  }
  .wp-lightbox-overlay.active img{
    animation:turn-on-visibility .35s both;
  }
  .wp-lightbox-overlay.show-closing-animation:not(.active){
    animation:turn-off-visibility .35s both;
  }
  .wp-lightbox-overlay.show-closing-animation:not(.active) img{
    animation:turn-off-visibility .25s both;
  }
  .wp-lightbox-overlay.zoom.active{
    animation:none;
    opacity:1;
    visibility:visible;
  }
  .wp-lightbox-overlay.zoom.active .lightbox-image-container{
    animation:lightbox-zoom-in .4s;
  }
  .wp-lightbox-overlay.zoom.active .lightbox-image-container img{
    animation:none;
  }
  .wp-lightbox-overlay.zoom.active .scrim{
    animation:turn-on-visibility .4s forwards;
  }
  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active){
    animation:none;
  }
  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{
    animation:lightbox-zoom-out .4s;
  }
  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{
    animation:none;
  }
  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{
    animation:turn-off-visibility .4s forwards;
  }
}

@keyframes show-content-image{
  0%{
    visibility:hidden;
  }
  99%{
    visibility:hidden;
  }
  to{
    visibility:visible;
  }
}
@keyframes turn-on-visibility{
  0%{
    opacity:0;
  }
  to{
    opacity:1;
  }
}
@keyframes turn-off-visibility{
  0%{
    opacity:1;
    visibility:visible;
  }
  99%{
    opacity:0;
    visibility:visible;
  }
  to{
    opacity:0;
    visibility:hidden;
  }
}
@keyframes lightbox-zoom-in{
  0%{
    transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
  }
  to{
    transform:translate(-50%, -50%) scale(1);
  }
}
@keyframes lightbox-zoom-out{
  0%{
    transform:translate(-50%, -50%) scale(1);
    visibility:visible;
  }
  99%{
    visibility:visible;
  }
  to{
    transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
    visibility:hidden;
  }
}
/*# sourceURL=https://www.darulvietii.ro/wp-includes/blocks/image/style.css */
</style>
<style id='wp-block-latest-posts-inline-css'>
.wp-block-latest-posts{
  box-sizing:border-box;
}
.wp-block-latest-posts.alignleft{
  margin-right:2em;
}
.wp-block-latest-posts.alignright{
  margin-left:2em;
}
.wp-block-latest-posts.wp-block-latest-posts__list{
  list-style:none;
}
.wp-block-latest-posts.wp-block-latest-posts__list li{
  clear:both;
  overflow-wrap:break-word;
}
.wp-block-latest-posts.is-grid{
  display:flex;
  flex-wrap:wrap;
}
.wp-block-latest-posts.is-grid li{
  margin:0 1.25em 1.25em 0;
  width:100%;
}
@media (min-width:600px){
  .wp-block-latest-posts.columns-2 li{
    width:calc(50% - .625em);
  }
  .wp-block-latest-posts.columns-2 li:nth-child(2n){
    margin-right:0;
  }
  .wp-block-latest-posts.columns-3 li{
    width:calc(33.33333% - .83333em);
  }
  .wp-block-latest-posts.columns-3 li:nth-child(3n){
    margin-right:0;
  }
  .wp-block-latest-posts.columns-4 li{
    width:calc(25% - .9375em);
  }
  .wp-block-latest-posts.columns-4 li:nth-child(4n){
    margin-right:0;
  }
  .wp-block-latest-posts.columns-5 li{
    width:calc(20% - 1em);
  }
  .wp-block-latest-posts.columns-5 li:nth-child(5n){
    margin-right:0;
  }
  .wp-block-latest-posts.columns-6 li{
    width:calc(16.66667% - 1.04167em);
  }
  .wp-block-latest-posts.columns-6 li:nth-child(6n){
    margin-right:0;
  }
}

:root :where(.wp-block-latest-posts.is-grid){
  padding:0;
}
:root :where(.wp-block-latest-posts.wp-block-latest-posts__list){
  padding-left:0;
}

.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{
  display:block;
  font-size:.8125em;
}

.wp-block-latest-posts__post-excerpt,.wp-block-latest-posts__post-full-content{
  margin-bottom:1em;
  margin-top:.5em;
}

.wp-block-latest-posts__featured-image a{
  display:inline-block;
}
.wp-block-latest-posts__featured-image img{
  height:auto;
  max-width:100%;
  width:auto;
}
.wp-block-latest-posts__featured-image.alignleft{
  float:left;
  margin-right:1em;
}
.wp-block-latest-posts__featured-image.alignright{
  float:right;
  margin-left:1em;
}
.wp-block-latest-posts__featured-image.aligncenter{
  margin-bottom:1em;
  text-align:center;
}
/*# sourceURL=https://www.darulvietii.ro/wp-includes/blocks/latest-posts/style.css */
</style>
<style id='wp-block-post-author-name-inline-css'>
.wp-block-post-author-name{
  box-sizing:border-box;
}
/*# sourceURL=https://www.darulvietii.ro/wp-includes/blocks/post-author-name/style.css */
</style>
<style id='wp-block-post-date-inline-css'>
.wp-block-post-date{
  box-sizing:border-box;
}
/*# sourceURL=https://www.darulvietii.ro/wp-includes/blocks/post-date/style.css */
</style>
<style id='wp-block-post-excerpt-inline-css'>
:where(.wp-block-post-excerpt){
  box-sizing:border-box;
  margin-bottom:var(--wp--style--block-gap);
  margin-top:var(--wp--style--block-gap);
}

.wp-block-post-excerpt__excerpt{
  margin-bottom:0;
  margin-top:0;
}

.wp-block-post-excerpt__more-text{
  margin-bottom:0;
  margin-top:var(--wp--style--block-gap);
}

.wp-block-post-excerpt__more-link{
  display:inline-block;
}
/*# sourceURL=https://www.darulvietii.ro/wp-includes/blocks/post-excerpt/style.css */
</style>
<style id='wp-block-post-featured-image-inline-css'>
.wp-block-post-featured-image{
  margin-left:0;
  margin-right:0;
}
.wp-block-post-featured-image a{
  display:block;
  height:100%;
}
.wp-block-post-featured-image :where(img){
  box-sizing:border-box;
  height:auto;
  max-width:100%;
  vertical-align:bottom;
  width:100%;
}
.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{
  width:100%;
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{
  background-color:#000;
  inset:0;
  position:absolute;
}
.wp-block-post-featured-image{
  position:relative;
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{
  background-color:initial;
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{
  opacity:0;
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{
  opacity:.1;
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{
  opacity:.2;
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{
  opacity:.3;
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{
  opacity:.4;
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{
  opacity:.5;
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{
  opacity:.6;
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{
  opacity:.7;
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{
  opacity:.8;
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{
  opacity:.9;
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{
  opacity:1;
}
.wp-block-post-featured-image:where(.alignleft,.alignright){
  width:100%;
}
/*# sourceURL=https://www.darulvietii.ro/wp-includes/blocks/post-featured-image/style.css */
</style>
<style id='wp-block-post-terms-inline-css'>
.wp-block-post-terms{
  box-sizing:border-box;
}
.wp-block-post-terms .wp-block-post-terms__separator{
  white-space:pre-wrap;
}
/*# sourceURL=https://www.darulvietii.ro/wp-includes/blocks/post-terms/style.css */
</style>
<style id='wp-block-post-title-inline-css'>
.wp-block-post-title{
  box-sizing:border-box;
  word-break:break-word;
}
.wp-block-post-title :where(a){
  display:inline-block;
  font-family:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
  line-height:inherit;
  text-decoration:inherit;
}
/*# sourceURL=https://www.darulvietii.ro/wp-includes/blocks/post-title/style.css */
</style>
<style id='wp-block-separator-inline-css'>
@charset "UTF-8";

.wp-block-separator{
  border:none;
  border-top:2px solid;
}

:root :where(.wp-block-separator.is-style-dots){
  height:auto;
  line-height:1;
  text-align:center;
}
:root :where(.wp-block-separator.is-style-dots):before{
  color:currentColor;
  content:"···";
  font-family:serif;
  font-size:1.5em;
  letter-spacing:2em;
  padding-left:2em;
}

.wp-block-separator.is-style-dots{
  background:none !important;
  border:none !important;
}
/*# sourceURL=https://www.darulvietii.ro/wp-includes/blocks/separator/style.css */
</style>
<style id='wp-block-social-links-inline-css'>
.wp-block-social-links{
  background:none;
  box-sizing:border-box;
  margin-left:0;
  padding-left:0;
  padding-right:0;
  text-indent:0;
}
.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{
  border-bottom:0;
  box-shadow:none;
  text-decoration:none;
}
.wp-block-social-links .wp-social-link svg{
  height:1em;
  width:1em;
}
.wp-block-social-links .wp-social-link span:not(.screen-reader-text){
  font-size:.65em;
  margin-left:.5em;
  margin-right:.5em;
}
.wp-block-social-links.has-small-icon-size{
  font-size:16px;
}
.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{
  font-size:24px;
}
.wp-block-social-links.has-large-icon-size{
  font-size:36px;
}
.wp-block-social-links.has-huge-icon-size{
  font-size:48px;
}
.wp-block-social-links.aligncenter{
  display:flex;
  justify-content:center;
}
.wp-block-social-links.alignright{
  justify-content:flex-end;
}

.wp-block-social-link{
  border-radius:9999px;
  display:block;
}
@media not (prefers-reduced-motion){
  .wp-block-social-link{
    transition:transform .1s ease;
  }
}
.wp-block-social-link{
  height:auto;
}
.wp-block-social-link a{
  align-items:center;
  display:flex;
  line-height:0;
}
.wp-block-social-link:hover{
  transform:scale(1.1);
}

.wp-block-social-links .wp-block-social-link.wp-social-link{
  display:inline-block;
  margin:0;
  padding:0;
}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited{
  color:currentColor;
  fill:currentColor;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link{
  background-color:#f0f0f0;
  color:#444;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon{
  background-color:#f90;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp{
  background-color:#1ea0c3;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance{
  background-color:#0757fe;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky{
  background-color:#0a7aff;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen{
  background-color:#1e1f26;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart{
  background-color:#02e49b;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord{
  background-color:#5865f2;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble{
  background-color:#e94c89;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox{
  background-color:#4280ff;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy{
  background-color:#f45800;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook{
  background-color:#0866ff;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx{
  background-color:#000;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr{
  background-color:#0461dd;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare{
  background-color:#e65678;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github{
  background-color:#24292d;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads{
  background-color:#eceadd;
  color:#382110;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google{
  background-color:#ea4434;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar{
  background-color:#1d4fc4;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram{
  background-color:#f00075;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm{
  background-color:#e21b24;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin{
  background-color:#0d66c2;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon{
  background-color:#3288d4;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium{
  background-color:#000;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup{
  background-color:#f6405f;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon{
  background-color:#000;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest{
  background-color:#e60122;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket{
  background-color:#ef4155;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit{
  background-color:#ff4500;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype{
  background-color:#0478d7;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat{
  background-color:#fefc00;
  color:#fff;
  stroke:#000;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud{
  background-color:#ff5600;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify{
  background-color:#1bd760;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram{
  background-color:#2aabee;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads{
  background-color:#000;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok{
  background-color:#000;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr{
  background-color:#011835;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch{
  background-color:#6440a4;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter{
  background-color:#1da1f2;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo{
  background-color:#1eb7ea;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk{
  background-color:#4680c2;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress{
  background-color:#3499cd;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp{
  background-color:#25d366;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x{
  background-color:#000;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp{
  background-color:#d32422;
  color:#fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube{
  background-color:red;
  color:#fff;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link{
  background:none;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg{
  height:1.25em;
  width:1.25em;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon{
  color:#f90;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp{
  color:#1ea0c3;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance{
  color:#0757fe;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky{
  color:#0a7aff;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen{
  color:#1e1f26;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart{
  color:#02e49b;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord{
  color:#5865f2;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble{
  color:#e94c89;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox{
  color:#4280ff;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy{
  color:#f45800;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook{
  color:#0866ff;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx{
  color:#000;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr{
  color:#0461dd;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare{
  color:#e65678;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github{
  color:#24292d;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads{
  color:#382110;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google{
  color:#ea4434;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar{
  color:#1d4fc4;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram{
  color:#f00075;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm{
  color:#e21b24;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin{
  color:#0d66c2;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon{
  color:#3288d4;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium{
  color:#000;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup{
  color:#f6405f;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon{
  color:#000;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest{
  color:#e60122;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket{
  color:#ef4155;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit{
  color:#ff4500;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype{
  color:#0478d7;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat{
  color:#fff;
  stroke:#000;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud{
  color:#ff5600;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify{
  color:#1bd760;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram{
  color:#2aabee;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads{
  color:#000;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok{
  color:#000;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr{
  color:#011835;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch{
  color:#6440a4;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter{
  color:#1da1f2;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo{
  color:#1eb7ea;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk{
  color:#4680c2;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp{
  color:#25d366;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress{
  color:#3499cd;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x{
  color:#000;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp{
  color:#d32422;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube{
  color:red;
}

.wp-block-social-links.is-style-pill-shape .wp-social-link{
  width:auto;
}

:root :where(.wp-block-social-links .wp-social-link a){
  padding:.25em;
}

:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){
  padding:0;
}

:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){
  padding-left:.6666666667em;
  padding-right:.6666666667em;
}

.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{
  color:#000;
}
/*# sourceURL=https://www.darulvietii.ro/wp-includes/blocks/social-links/style.css */
</style>
<link data-optimized="1" rel='stylesheet' id='spectra-blocks-common-css' href='https://www.darulvietii.ro/wp-content/litespeed/css/f79fd5fc633bbde1eae7403dbb16d300.css?ver=bf464' media='all' />
<style id='spectra-container-style-inline-css'>
.spectra-layout-guide.components-modal__frame.components-guide{max-height:800px}.spectra-layout-guide .components-guide__container{gap:10px}.spectra-layout-guide .components-button:hover svg{fill:var(--wp-components-color-accent,var(--wp-admin-theme-color,#2563eb))!important}.spectra-layout-guide .components-guide__page-image{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:center;margin-bottom:1rem}.spectra-layout-guide__page{margin:0 auto;max-width:520px;padding:1rem 2rem}.spectra-layout-guide__page h2{color:#1e1e1e;font-size:1.5rem;font-weight:600;line-height:1.2;margin:1rem 0}.spectra-layout-guide__page p{color:#757575;font-size:1rem;font-style:normal;font-weight:400;line-height:1.6;margin:1rem 0}.spectra-layout-guide__page strong{color:#1e1e1e;font-weight:600}.spectra-layout-guide__icon{margin-bottom:1rem}.spectra-layout-guide__icon .dashicon,.spectra-layout-guide__icon svg{color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#2563eb))}.spectra-layout-guide__features{background:#f0f6ff;border-left:4px solid var(--wp-components-color-accent,var(--wp-admin-theme-color,#2563eb));border-radius:6px;margin:1.5rem 0;padding:1rem;text-align:left}.spectra-layout-guide__features strong{color:#1e1e1e;display:block;font-weight:600;margin-bottom:.5rem}.spectra-layout-guide__features ul{margin:0;padding-left:1.25rem}.spectra-layout-guide__features ul li{color:#555;line-height:1.4;margin:.25rem 0}.spectra-layout-guide__tip{background:#fff8e1;border-left:4px solid #ffc107;border-radius:6px;margin:1.5rem 0;padding:1rem;text-align:left}.spectra-layout-guide__tip strong{color:#1e1e1e;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.spectra-layout-guide__tip p{color:#666;line-height:1.5;margin:0}@media(max-width:768px){.spectra-layout-guide__page{padding:1.5rem}.spectra-layout-guide__layout-demo{margin:1.5rem 0;padding:1rem}.spectra-layout-guide__layout-demo.flex-demo{flex-direction:column;gap:.5rem}.spectra-layout-guide__layout-demo.grid-demo{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}
.wp-block-spectra-container{box-sizing:border-box;max-width:100%;padding:10px;position:relative}.wp-block-spectra-container .wp-block-spectra-container{--spectra-overlay-opacity:initial;--spectra-shape-divider-top-width:initial;--spectra-shape-divider-top-height:initial;--spectra-shape-divider-bottom-width:initial;--spectra-shape-divider-bottom-height:initial}.wp-block-spectra-container>:where(:not(.spectra-container__shape):not(.spectra-background-video__wrapper)){position:relative;z-index:2}.wp-block-spectra-container:after,.wp-block-spectra-container:before{border-radius:inherit}.wp-block-spectra-container:not(.alignfull){width:100%}.wp-block-spectra-container.has-image-background[style*=border-radius],.wp-block-spectra-container.has-video-background[style*=border-radius],.wp-block-spectra-container.spectra-background-image[style*=border-radius]{overflow:hidden;overflow:clip}.wp-block-spectra-container[class*=wp-block].has-text-color *{color:inherit}.wp-block-spectra-container[class*=wp-block].has-background{background:inherit}.wp-block-spectra-container[class*=wp-block].spectra-text-color{color:var(--spectra-text-color)}.wp-block-spectra-container[class*=wp-block].spectra-text-color *{color:inherit}.wp-block-spectra-container[class*=wp-block].spectra-background-color:not(.spectra-background-image):not(.has-video-background):before{background:var(--spectra-background-color);bottom:0;content:"";left:0;opacity:var(--spectra-overlay-opacity,1);pointer-events:none;position:absolute;right:0;top:0}.wp-block-spectra-container[class*=wp-block].spectra-background-gradient:not(.spectra-background-image):not(.has-video-background):before{background:var(--spectra-background-gradient);bottom:0;content:"";left:0;opacity:var(--spectra-overlay-opacity,1);pointer-events:none;position:absolute;right:0;top:0}.wp-block-spectra-container[class*=wp-block].spectra-background-color.spectra-background-image{isolation:isolate;position:relative}.wp-block-spectra-container[class*=wp-block].spectra-background-color.spectra-background-image:before{background:var(--spectra-background-color);bottom:0;content:"";left:0;opacity:var(--spectra-overlay-opacity,1);pointer-events:none;position:absolute;right:0;top:0;z-index:0}.wp-block-spectra-container[class*=wp-block].spectra-background-color.spectra-background-image>:not(.spectra-background-video__wrapper):not(.spectra-container__shape){position:relative;z-index:3}.wp-block-spectra-container[class*=wp-block].spectra-background-gradient.spectra-background-image{isolation:isolate;position:relative}.wp-block-spectra-container[class*=wp-block].spectra-background-gradient.spectra-background-image:before{background:var(--spectra-background-gradient);bottom:0;content:"";left:0;opacity:var(--spectra-overlay-opacity,1);pointer-events:none;position:absolute;right:0;top:0;z-index:0}.wp-block-spectra-container[class*=wp-block].spectra-background-gradient.spectra-background-image>:not(.spectra-background-video__wrapper):not(.spectra-container__shape){position:relative;z-index:3}.wp-block-spectra-container[class*=wp-block].spectra-text-color-hover:hover{color:var(--spectra-text-color-hover)!important}.wp-block-spectra-container[class*=wp-block].spectra-text-color-hover:hover *{color:inherit!important}.wp-block-spectra-container[class*=wp-block].spectra-background-color-hover:not(.spectra-background-image):hover:before{background:var(--spectra-background-color-hover);opacity:var(--spectra-overlay-opacity,1)}.wp-block-spectra-container[class*=wp-block].spectra-background-gradient-hover:not(.spectra-background-image):hover:before{background:var(--spectra-background-gradient-hover);opacity:var(--spectra-overlay-opacity,1)}.wp-block-spectra-container[class*=wp-block].spectra-background-color-hover.spectra-background-image:hover:before{background:var(--spectra-background-color-hover);opacity:var(--spectra-overlay-opacity,1)}.wp-block-spectra-container[class*=wp-block].spectra-background-gradient-hover.spectra-background-image:hover:before{background:var(--spectra-background-gradient-hover);opacity:var(--spectra-overlay-opacity,1)}.wp-block-spectra-container[class*=wp-block].spectra-background-gradient:not(.has-video-background):before{background:var(--spectra-background-gradient,var(--spectra-background-color));content:"";inset:0;opacity:var(--spectra-overlay-opacity);position:absolute}.wp-block-spectra-container[class*=wp-block].has-container-overlay:not(.has-video-background){isolation:isolate;position:relative}.wp-block-spectra-container[class*=wp-block].has-container-overlay:not(.has-video-background):after{background-attachment:var(--spectra-overlay-attachment,scroll);background-blend-mode:var(--spectra-overlay-blend-mode,normal);background-image:var(--spectra-overlay-image,none);background-position:var(--spectra-overlay-position,center);background-repeat:var(--spectra-overlay-repeat,no-repeat);background-size:var(--spectra-overlay-size,cover);border-radius:inherit;bottom:0;content:"";left:0;mix-blend-mode:var(--spectra-overlay-blend-mode,normal);opacity:var(--spectra-overlay-opacity-value,0);pointer-events:none;position:absolute;right:0;top:0;z-index:1}.wp-block-spectra-container[class*=wp-block].has-container-overlay:not(.has-video-background)>:not(.spectra-container__shape){position:relative;z-index:2}.wp-block-spectra-container[class*=wp-block].has-container-overlay:not(.has-video-background)[style*="--spectra-overlay-image: none"]:after{display:none}.wp-block-spectra-container[class*=wp-block].has-video-background{isolation:isolate}.wp-block-spectra-container[class*=wp-block].has-video-background .spectra-background-video__wrapper{border-radius:inherit;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.wp-block-spectra-container[class*=wp-block].has-video-background .spectra-background-video__wrapper video{border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.wp-block-spectra-container[class*=wp-block].has-video-background>:not(.spectra-background-video__wrapper):not(.spectra-container__shape){position:relative;z-index:2}.wp-block-spectra-container[class*=wp-block].spectra-box-shadow{box-shadow:var(--spectra-box-shadow)!important}.wp-block-spectra-container[class*=wp-block].spectra-box-shadow:hover{box-shadow:var(--spectra-box-shadow-hover,var(--spectra-box-shadow))!important}.wp-block-spectra-container[class*=wp-block].spectra-box-shadow-hover:hover{box-shadow:var(--spectra-box-shadow-hover)!important}.wp-block-spectra-container[class*=wp-block].spectra-border-hover:focus,.wp-block-spectra-container[class*=wp-block].spectra-border-hover:hover{border-color:var(--spectra-border-hover-color)!important}:where(.wp-block-spectra-container[class*=wp-block].spectra-border-hover-override):focus,:where(.wp-block-spectra-container[class*=wp-block].spectra-border-hover-override):hover{border-color:unset!important}:where(.wp-block-spectra-container[class*=wp-block].spectra-border-hover-override).spectra-border-hover:focus,:where(.wp-block-spectra-container[class*=wp-block].spectra-border-hover-override).spectra-border-hover:hover{border-color:var(--spectra-border-hover-color)!important}.wp-block-spectra-container .spectra-container__shape{direction:ltr;left:0;line-height:0;overflow:hidden;position:absolute;width:100%;z-index:0}.wp-block-spectra-container.is-layout-constrained>:where(.spectra-container__shape){margin-left:0;margin-right:0;max-width:none}.wp-block-spectra-container .spectra-container__shape-top{top:-3px}.wp-block-spectra-container .spectra-container__shape-top svg{height:var(--spectra-shape-divider-top-height,100px);width:var(--spectra-shape-divider-top-width,100%)}.wp-block-spectra-container .spectra-container__shape-top .spectra-container__shape-fill{fill:var(--spectra-shape-divider-top-color,#333)}.wp-block-spectra-container .spectra-container__shape-bottom{bottom:-3px;transform:rotate(180deg)}.wp-block-spectra-container .spectra-container__shape-bottom svg{height:var(--spectra-shape-divider-bottom-height,100px);width:var(--spectra-shape-divider-bottom-width,100%)}.wp-block-spectra-container .spectra-container__shape-bottom .spectra-container__shape-fill{fill:var(--spectra-shape-divider-bottom-color,#333)}.wp-block-spectra-container .spectra-container__shape.spectra-container__invert.spectra-container__shape-top{transform:rotate(180deg)}.wp-block-spectra-container .spectra-container__shape.spectra-container__invert.spectra-container__shape-bottom{transform:rotate(0deg)}.wp-block-spectra-container .spectra-container__shape.spectra-container__shape-flip svg{transform:translateX(-50%) rotateY(180deg)}.wp-block-spectra-container .spectra-container__shape svg{display:block;left:50%;position:relative;transform:translateX(-50%)}.wp-block-spectra-container .spectra-container__shape .spectra-container__shape-fill{transform:rotateY(0deg);transform-origin:center}.wp-block-spectra-container .spectra-container__shape.spectra-container__shape-above-content{pointer-events:none;z-index:9}

/*# sourceURL=https://www.darulvietii.ro/wp-content/plugins/spectra-blocks/build/blocks/container/style-index.css */
</style>
<link data-optimized="1" rel='stylesheet' id='spectra-blocks-imported-baseline-css' href='https://www.darulvietii.ro/wp-content/litespeed/css/bae7b19f97238155dd1712cd61ce036e.css?ver=51c73' media='all' />
<style id='spectra-post-template-style-inline-css'>
div.wp-block-spectra-post-template,ul.wp-block-spectra-post-template{box-sizing:border-box;font-size:inherit;list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}div.wp-block-spectra-post-template *,ul.wp-block-spectra-post-template *{font-size:inherit}div.wp-block-spectra-post-template div.spectra-post-item,div.wp-block-spectra-post-template li,ul.wp-block-spectra-post-template div.spectra-post-item,ul.wp-block-spectra-post-template li{list-style:none}

/*# sourceURL=https://www.darulvietii.ro/wp-content/plugins/spectra-blocks/build/blocks/post-template/style-index.css */
</style>
<link data-optimized="1" rel='stylesheet' id='spectra-post-style-css' href='https://www.darulvietii.ro/wp-content/litespeed/css/dd1e87bdd69931b8772e487ecb1d0199.css?ver=05e42' media='all' />
<link data-optimized="1" rel='stylesheet' id='spectra-blocks-swiper-style-css' href='https://www.darulvietii.ro/wp-content/litespeed/css/09b7b844db91acf671935eaa64a42391.css?ver=cc9f9' media='all' />

<link data-optimized="1" rel='stylesheet' id='spectra-blocks-aos-css-css' href='https://www.darulvietii.ro/wp-content/litespeed/css/4d1dc0f2532c7ce4dbfc11642d215c70.css?ver=ca27b' media='all' />
<style id='spectra-gs-utility-classes-inline-css'>
:where(.spectra-is-root-container),:where(.spectra-is-root-container) *,:where(.spectra-is-root-container) ::before,:where(.spectra-is-root-container) ::after,:where(.spectra-is-root-container) ::backdrop{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;}:where(.spectra-is-root-container) ::before,:where(.spectra-is-root-container) ::after{--tw-content:"";}:where(.spectra-is-root-container) b,:where(.spectra-is-root-container) strong{font-weight:bolder;}:where(.spectra-is-root-container) small{font-size:80%;}:where(.spectra-is-root-container) sub,:where(.spectra-is-root-container) sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}:where(.spectra-is-root-container) sub{bottom:-0.25em;}:where(.spectra-is-root-container) sup{top:-0.5em;}:where(.spectra-is-root-container) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}:where(.spectra-is-root-container) code,:where(.spectra-is-root-container) kbd,:where(.spectra-is-root-container) samp,:where(.spectra-is-root-container) pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em;}:where(.spectra-is-root-container) hr{height:0;color:inherit;border-top-width:1px;}:where(.spectra-is-root-container) table{text-indent:0;border-color:inherit;border-collapse:collapse;}.spectra-is-root-container blockquote,.spectra-is-root-container dl,.spectra-is-root-container dd,.spectra-is-root-container h1,.spectra-is-root-container h2,.spectra-is-root-container h3,.spectra-is-root-container h4,.spectra-is-root-container h5,.spectra-is-root-container h6,.spectra-is-root-container hr,.spectra-is-root-container figure,.spectra-is-root-container p,.spectra-is-root-container pre,.spectra-is-root-container span{margin:0;}:where(.spectra-is-root-container) ol:not(.wp-block-list),:where(.spectra-is-root-container) ul:not(.wp-block-list),:where(.spectra-is-root-container) menu{list-style:none;margin:0;padding:0;}:where(.spectra-is-root-container) fieldset{margin:0;padding:0;}:where(.spectra-is-root-container) legend{padding:0;}:where(.spectra-is-root-container) img,:where(.spectra-is-root-container) svg,:where(.spectra-is-root-container) video,:where(.spectra-is-root-container) canvas,:where(.spectra-is-root-container) audio,:where(.spectra-is-root-container) iframe,:where(.spectra-is-root-container) embed,:where(.spectra-is-root-container) object{display:block;vertical-align:middle;}:where(.spectra-is-root-container) img,:where(.spectra-is-root-container) video{max-width:100%;height:auto;}:where(.spectra-is-root-container) button,:where(.spectra-is-root-container) input,:where(.spectra-is-root-container) optgroup,:where(.spectra-is-root-container) select,:where(.spectra-is-root-container) textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}:where(.spectra-is-root-container) button,:where(.spectra-is-root-container) select{text-transform:none;}:where(.spectra-is-root-container) button,:where(.spectra-is-root-container) input:where([type="button"]),:where(.spectra-is-root-container) input:where([type="reset"]),:where(.spectra-is-root-container) input:where([type="submit"]){-webkit-appearance:button;background-color:transparent;background-image:none;}:where(.spectra-is-root-container) :-moz-focusring{outline:auto;}:where(.spectra-is-root-container) :-moz-ui-invalid{box-shadow:none;}:where(.spectra-is-root-container) progress{vertical-align:baseline;}:where(.spectra-is-root-container) ::-webkit-inner-spin-button,:where(.spectra-is-root-container) ::-webkit-outer-spin-button{height:auto;}:where(.spectra-is-root-container) [type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}:where(.spectra-is-root-container) ::-webkit-search-decoration{-webkit-appearance:none;}:where(.spectra-is-root-container) ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}:where(.spectra-is-root-container) summary{display:list-item;}:where(.spectra-is-root-container) dialog{padding:0;}:where(.spectra-is-root-container) textarea{resize:vertical;}:where(.spectra-is-root-container) input::placeholder,:where(.spectra-is-root-container) textarea::placeholder{opacity:1;color:#9ca3af;}:where(.spectra-is-root-container) button,:where(.spectra-is-root-container) [role="button"]{cursor:pointer;}:where(.spectra-is-root-container) :disabled{cursor:default;}:where(.spectra-is-root-container) [hidden]:where(:not([hidden="until-found"])){display:none;}

@keyframes spectra-spin { to { transform: rotate(360deg); } }
@keyframes spectra-ping { 75%, 100% { transform: scale(2); opacity: 0; } }
@keyframes spectra-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
@keyframes spectra-bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }
@keyframes spectra-fade-up { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes spectra-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes spectra-fade-down { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes spectra-slide-left { 0% { opacity: 0; transform: translateX(30px); } 100% { opacity: 1; transform: translateX(0); } }
@keyframes spectra-slide-right { 0% { opacity: 0; transform: translateX(-30px); } 100% { opacity: 1; transform: translateX(0); } }
@keyframes spectra-scale-in { 0% { opacity: 0; transform: scale(0.95); } 100% { opacity: 1; transform: scale(1); } }
@keyframes spectra-ring-in { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } }
@keyframes spectra-ring-dash { 0% { stroke-dashoffset: 100; } 100% { stroke-dashoffset: 0; } }
@keyframes spectra-drift { 0% { transform: translate(0, 0); opacity: 0.4; } 50% { transform: translate(10px, -20px); opacity: 0.8; } 100% { transform: translate(0, 0); opacity: 0.4; } }
@keyframes spectra-pulse-dot { 0%, 100% { box-shadow: 0 0 0 0 currentColor; } 50% { box-shadow: 0 0 0 8px transparent; } }
@keyframes spectra-wiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-3deg); } 75% { transform: rotate(3deg); } }
@keyframes spectra-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }
@keyframes spectra-reveal { 0% { clip-path: inset(0 100% 0 0); } 100% { clip-path: inset(0 0 0 0); } }
@keyframes spectra-fade-up-m { 0% { opacity: 0; transform: translateY(12px); } 100% { opacity: 1; transform: translateY(0); } }
:root .block { display: block; }
:root .contents { display: contents; }
:root .flex { display: flex; }
:root .grid { display: grid; }
:root .inline { display: inline; }
:root .inline-block { display: inline-block; }
:root .inline-flex { display: inline-flex; }
:root .inline-grid { display: inline-grid; }
:root .hidden { display: none; }
:root .border-0 { border-width: 0; border-style: none; }
:root .border { border-width: 1px; border-style: solid; }
:root .border-2 { border-width: 2px; border-style: solid; }
:root .border-4 { border-width: 4px; border-style: solid; }
:root .border-8 { border-width: 8px; border-style: solid; }
:root .border-t-0 { border-top-width: 0px; }
:root .border-t { border-top-width: 1px; border-top-style: solid; }
:root .border-t-2 { border-top-width: 2px; border-top-style: solid; }
:root .border-t-4 { border-top-width: 4px; border-top-style: solid; }
:root .border-t-8 { border-top-width: 8px; border-top-style: solid; }
:root .border-r-0 { border-right-width: 0px; }
:root .border-r { border-right-width: 1px; border-right-style: solid; }
:root .border-r-2 { border-right-width: 2px; border-right-style: solid; }
:root .border-r-4 { border-right-width: 4px; border-right-style: solid; }
:root .border-r-8 { border-right-width: 8px; border-right-style: solid; }
:root .border-b-0 { border-bottom-width: 0px; }
:root .border-b { border-bottom-width: 1px; border-bottom-style: solid; }
:root .border-b-2 { border-bottom-width: 2px; border-bottom-style: solid; }
:root .border-b-4 { border-bottom-width: 4px; border-bottom-style: solid; }
:root .border-b-8 { border-bottom-width: 8px; border-bottom-style: solid; }
:root .border-l-0 { border-left-width: 0px; }
:root .border-l { border-left-width: 1px; border-left-style: solid; }
:root .border-l-2 { border-left-width: 2px; border-left-style: solid; }
:root .border-l-4 { border-left-width: 4px; border-left-style: solid; }
:root .border-l-8 { border-left-width: 8px; border-left-style: solid; }
:root .border-x-0 { border-left-width: 0px; border-right-width: 0px; }
:root .border-x { border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; }
:root .border-x-2 { border-left-width: 2px; border-right-width: 2px; border-left-style: solid; border-right-style: solid; }
:root .border-x-4 { border-left-width: 4px; border-right-width: 4px; border-left-style: solid; border-right-style: solid; }
:root .border-x-8 { border-left-width: 8px; border-right-width: 8px; border-left-style: solid; border-right-style: solid; }
:root .border-y-0 { border-top-width: 0px; border-bottom-width: 0px; }
:root .border-y { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; }
:root .border-y-2 { border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; }
:root .border-y-4 { border-top-width: 4px; border-bottom-width: 4px; border-top-style: solid; border-bottom-style: solid; }
:root .border-y-8 { border-top-width: 8px; border-bottom-width: 8px; border-top-style: solid; border-bottom-style: solid; }
:root .border-solid { border-style: solid; }
:root .border-dashed { border-style: dashed; }
:root .border-dotted { border-style: dotted; }
:root .border-double { border-style: double; }
:root .border-groove { border-style: groove; }
:root .border-ridge { border-style: ridge; }
:root .border-inset { border-style: inset; }
:root .border-outset { border-style: outset; }
:root .border-t-none { border-block-start-style: none; }
:root .border-t-solid { border-block-start-style: solid; }
:root .border-t-dashed { border-block-start-style: dashed; }
:root .border-t-dotted { border-block-start-style: dotted; }
:root .border-t-double { border-block-start-style: double; }
:root .border-t-groove { border-block-start-style: groove; }
:root .border-t-ridge { border-block-start-style: ridge; }
:root .border-t-inset { border-block-start-style: inset; }
:root .border-t-outset { border-block-start-style: outset; }
:root .border-b-none { border-block-end-style: none; }
:root .border-b-solid { border-block-end-style: solid; }
:root .border-b-dashed { border-block-end-style: dashed; }
:root .border-b-dotted { border-block-end-style: dotted; }
:root .border-b-double { border-block-end-style: double; }
:root .border-b-groove { border-block-end-style: groove; }
:root .border-b-ridge { border-block-end-style: ridge; }
:root .border-b-inset { border-block-end-style: inset; }
:root .border-b-outset { border-block-end-style: outset; }
:root .border-l-none { border-inline-start-style: none; }
:root .border-l-solid { border-inline-start-style: solid; }
:root .border-l-dashed { border-inline-start-style: dashed; }
:root .border-l-dotted { border-inline-start-style: dotted; }
:root .border-l-double { border-inline-start-style: double; }
:root .border-l-groove { border-inline-start-style: groove; }
:root .border-l-ridge { border-inline-start-style: ridge; }
:root .border-l-inset { border-inline-start-style: inset; }
:root .border-l-outset { border-inline-start-style: outset; }
:root .border-r-none { border-inline-end-style: none; }
:root .border-r-solid { border-inline-end-style: solid; }
:root .border-r-dashed { border-inline-end-style: dashed; }
:root .border-r-dotted { border-inline-end-style: dotted; }
:root .border-r-double { border-inline-end-style: double; }
:root .border-r-groove { border-inline-end-style: groove; }
:root .border-r-ridge { border-inline-end-style: ridge; }
:root .border-r-inset { border-inline-end-style: inset; }
:root .border-r-outset { border-inline-end-style: outset; }
:root .rounded-none { border-radius: 0; }
:root .rounded-xs { border-radius: 0.125rem; }
:root .rounded-sm { border-radius: 0.25rem; }
:root .rounded { border-radius: 0.25rem; }
:root .rounded-md { border-radius: 0.375rem; }
:root .rounded-lg { border-radius: 0.5rem; }
:root .rounded-xl { border-radius: 0.75rem; }
:root .rounded-2xl { border-radius: 1rem; }
:root .rounded-3xl { border-radius: 1.5rem; }
:root .rounded-4xl { border-radius: 2rem; }
:root .rounded-full { border-radius: 9999px; }
:root .rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; }
:root .rounded-t-xs { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
:root .rounded-t-sm { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
:root .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
:root .rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
:root .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
:root .rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; }
:root .rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
:root .rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; }
:root .rounded-t-4xl { border-top-left-radius: 2rem; border-top-right-radius: 2rem; }
:root .rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; }
:root .rounded-b-none { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
:root .rounded-b-xs { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
:root .rounded-b-sm { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
:root .rounded-b { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
:root .rounded-b-md { border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
:root .rounded-b-lg { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
:root .rounded-b-xl { border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
:root .rounded-b-2xl { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
:root .rounded-b-3xl { border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
:root .rounded-b-4xl { border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
:root .rounded-b-full { border-bottom-left-radius: 9999px; border-bottom-right-radius: 9999px; }
:root .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }
:root .rounded-l-xs { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }
:root .rounded-l-sm { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
:root .rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
:root .rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
:root .rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }
:root .rounded-l-xl { border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }
:root .rounded-l-2xl { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }
:root .rounded-l-3xl { border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }
:root .rounded-l-4xl { border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; }
:root .rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }
:root .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; }
:root .rounded-r-xs { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
:root .rounded-r-sm { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
:root .rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
:root .rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
:root .rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
:root .rounded-r-xl { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
:root .rounded-r-2xl { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }
:root .rounded-r-3xl { border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
:root .rounded-r-4xl { border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; }
:root .rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }
:root .rounded-tl-none { border-top-left-radius: 0; }
:root .rounded-tl-xs { border-top-left-radius: 0.125rem; }
:root .rounded-tl-sm { border-top-left-radius: 0.25rem; }
:root .rounded-tl { border-top-left-radius: 0.25rem; }
:root .rounded-tl-md { border-top-left-radius: 0.375rem; }
:root .rounded-tl-lg { border-top-left-radius: 0.5rem; }
:root .rounded-tl-xl { border-top-left-radius: 0.75rem; }
:root .rounded-tl-2xl { border-top-left-radius: 1rem; }
:root .rounded-tl-3xl { border-top-left-radius: 1.5rem; }
:root .rounded-tl-4xl { border-top-left-radius: 2rem; }
:root .rounded-tl-full { border-top-left-radius: 9999px; }
:root .rounded-tr-none { border-top-right-radius: 0; }
:root .rounded-tr-xs { border-top-right-radius: 0.125rem; }
:root .rounded-tr-sm { border-top-right-radius: 0.25rem; }
:root .rounded-tr { border-top-right-radius: 0.25rem; }
:root .rounded-tr-md { border-top-right-radius: 0.375rem; }
:root .rounded-tr-lg { border-top-right-radius: 0.5rem; }
:root .rounded-tr-xl { border-top-right-radius: 0.75rem; }
:root .rounded-tr-2xl { border-top-right-radius: 1rem; }
:root .rounded-tr-3xl { border-top-right-radius: 1.5rem; }
:root .rounded-tr-4xl { border-top-right-radius: 2rem; }
:root .rounded-tr-full { border-top-right-radius: 9999px; }
:root .rounded-bl-none { border-bottom-left-radius: 0; }
:root .rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
:root .rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
:root .rounded-bl { border-bottom-left-radius: 0.25rem; }
:root .rounded-bl-md { border-bottom-left-radius: 0.375rem; }
:root .rounded-bl-lg { border-bottom-left-radius: 0.5rem; }
:root .rounded-bl-xl { border-bottom-left-radius: 0.75rem; }
:root .rounded-bl-2xl { border-bottom-left-radius: 1rem; }
:root .rounded-bl-3xl { border-bottom-left-radius: 1.5rem; }
:root .rounded-bl-4xl { border-bottom-left-radius: 2rem; }
:root .rounded-bl-full { border-bottom-left-radius: 9999px; }
:root .rounded-br-none { border-bottom-right-radius: 0; }
:root .rounded-br-xs { border-bottom-right-radius: 0.125rem; }
:root .rounded-br-sm { border-bottom-right-radius: 0.25rem; }
:root .rounded-br { border-bottom-right-radius: 0.25rem; }
:root .rounded-br-md { border-bottom-right-radius: 0.375rem; }
:root .rounded-br-lg { border-bottom-right-radius: 0.5rem; }
:root .rounded-br-xl { border-bottom-right-radius: 0.75rem; }
:root .rounded-br-2xl { border-bottom-right-radius: 1rem; }
:root .rounded-br-3xl { border-bottom-right-radius: 1.5rem; }
:root .rounded-br-4xl { border-bottom-right-radius: 2rem; }
:root .rounded-br-full { border-bottom-right-radius: 9999px; }
:root .outline-none { outline: 2px solid transparent; outline-offset: 2px; }
:root .outline-solid { outline-style: solid; }
:root .outline-dashed { outline-style: dashed; }
:root .outline-dotted { outline-style: dotted; }
:root .outline-double { outline-style: double; }
:root .outline-0 { outline-width: 0px; }
:root .outline-offset-0 { outline-offset: 0px; }
:root .outline-1 { outline-width: 1px; }
:root .outline-offset-1 { outline-offset: 1px; }
:root .outline-2 { outline-width: 2px; }
:root .outline-offset-2 { outline-offset: 2px; }
:root .outline-4 { outline-width: 4px; }
:root .outline-offset-4 { outline-offset: 4px; }
:root .outline-8 { outline-width: 8px; }
:root .outline-offset-8 { outline-offset: 8px; }
:root .outline-inherit { outline-color: inherit; }
:root .outline-current { outline-color: currentColor; }
:root .w-auto { width: auto; }
:root .w-fit { inline-size: fit-content; }
:root .w-full { inline-size: 100%; }
:root .w-screen { inline-size: 100vw; }
:root .w-1\/2 { width: 50%; }
:root .w-1\/3 { width: 33.333333%; }
:root .w-2\/3 { width: 66.666667%; }
:root .w-1\/4 { width: 25%; }
:root .w-2\/4 { width: 50%; }
:root .w-3\/4 { width: 75%; }
:root .w-1\/5 { width: 20%; }
:root .w-2\/5 { width: 40%; }
:root .w-3\/5 { width: 60%; }
:root .w-4\/5 { width: 80%; }
:root .w-1\/6 { width: 16.666667%; }
:root .w-5\/6 { width: 83.333333%; }
:root .min-w-0 { min-inline-size: 0; }
:root .min-w-full { min-inline-size: 100%; }
:root .min-w-fit { min-inline-size: fit-content; }
:root .max-w-none { max-inline-size: none; }
:root .max-w-full { max-inline-size: 100%; }
:root .max-w-screen { max-inline-size: 100vw; }
:root .w-0 { inline-size: 0; }
:root .w-px { inline-size: 1px; }
:root .w-0\.5 { inline-size: 0.125rem; }
:root .w-1 { inline-size: 0.25rem; }
:root .w-1\.5 { inline-size: 0.375rem; }
:root .w-2 { inline-size: 0.5rem; }
:root .w-2\.5 { inline-size: 0.625rem; }
:root .w-3 { inline-size: 0.75rem; }
:root .w-3\.5 { inline-size: 0.875rem; }
:root .w-4 { inline-size: 1rem; }
:root .w-5 { inline-size: 1.25rem; }
:root .w-6 { inline-size: 1.5rem; }
:root .w-7 { inline-size: 1.75rem; }
:root .w-8 { inline-size: 2rem; }
:root .w-9 { inline-size: 2.25rem; }
:root .w-10 { inline-size: 2.5rem; }
:root .w-11 { inline-size: 2.75rem; }
:root .w-12 { inline-size: 3rem; }
:root .w-14 { inline-size: 3.5rem; }
:root .w-16 { inline-size: 4rem; }
:root .w-20 { inline-size: 5rem; }
:root .w-24 { inline-size: 6rem; }
:root .w-28 { inline-size: 7rem; }
:root .w-32 { inline-size: 8rem; }
:root .w-36 { inline-size: 9rem; }
:root .w-40 { inline-size: 10rem; }
:root .w-44 { inline-size: 11rem; }
:root .w-48 { inline-size: 12rem; }
:root .w-52 { inline-size: 13rem; }
:root .w-56 { inline-size: 14rem; }
:root .w-60 { inline-size: 15rem; }
:root .w-64 { inline-size: 16rem; }
:root .w-72 { inline-size: 18rem; }
:root .w-80 { inline-size: 20rem; }
:root .w-96 { inline-size: 24rem; }
:root .max-w-xs { max-inline-size: 20rem; }
:root .max-w-sm { max-inline-size: 24rem; }
:root .max-w-md { max-inline-size: 28rem; }
:root .max-w-lg { max-inline-size: 32rem; }
:root .max-w-xl { max-inline-size: 36rem; }
:root .max-w-2xl { max-inline-size: 42rem; }
:root .max-w-3xl { max-inline-size: 48rem; }
:root .max-w-4xl { max-inline-size: 56rem; }
:root .max-w-5xl { max-inline-size: 64rem; }
:root .max-w-6xl { max-inline-size: 72rem; }
:root .max-w-7xl { max-inline-size: 80rem; }
:root .max-w-prose { max-inline-size: 65ch; }
:root .h-auto { block-size: auto; }
:root .h-full { block-size: 100%; }
:root .h-screen { block-size: 100vh; }
:root .h-1\/2 { block-size: 50%; }
:root .h-1\/3 { block-size: 33.333333%; }
:root .h-2\/3 { block-size: 66.666667%; }
:root .h-1\/4 { block-size: 25%; }
:root .h-2\/4 { block-size: 50%; }
:root .h-3\/4 { block-size: 75%; }
:root .h-1\/5 { block-size: 20%; }
:root .h-2\/5 { block-size: 40%; }
:root .h-3\/5 { block-size: 60%; }
:root .h-4\/5 { block-size: 80%; }
:root .h-1\/6 { block-size: 16.666667%; }
:root .h-5\/6 { block-size: 83.333333%; }
:root .min-h-0 { min-block-size: 0; }
:root .min-h-full { min-block-size: 100%; }
:root .min-h-screen { min-block-size: 100vh; }
:root .min-h-fit { min-block-size: fit-content; }
:root .max-h-none { max-block-size: none; }
:root .max-h-full { max-block-size: 100%; }
:root .max-h-screen { max-block-size: 100vh; }
:root .h-0 { block-size: 0; }
:root .h-px { block-size: 1px; }
:root .h-0\.5 { block-size: 0.125rem; }
:root .h-1 { block-size: 0.25rem; }
:root .h-1\.5 { block-size: 0.375rem; }
:root .h-2 { block-size: 0.5rem; }
:root .h-2\.5 { block-size: 0.625rem; }
:root .h-3 { block-size: 0.75rem; }
:root .h-3\.5 { block-size: 0.875rem; }
:root .h-4 { block-size: 1rem; }
:root .h-5 { block-size: 1.25rem; }
:root .h-6 { block-size: 1.5rem; }
:root .h-7 { block-size: 1.75rem; }
:root .h-8 { block-size: 2rem; }
:root .h-9 { block-size: 2.25rem; }
:root .h-10 { block-size: 2.5rem; }
:root .h-11 { block-size: 2.75rem; }
:root .h-12 { block-size: 3rem; }
:root .h-14 { block-size: 3.5rem; }
:root .h-16 { block-size: 4rem; }
:root .h-20 { block-size: 5rem; }
:root .h-24 { block-size: 6rem; }
:root .h-28 { block-size: 7rem; }
:root .h-32 { block-size: 8rem; }
:root .h-36 { block-size: 9rem; }
:root .h-40 { block-size: 10rem; }
:root .h-44 { block-size: 11rem; }
:root .h-48 { block-size: 12rem; }
:root .h-52 { block-size: 13rem; }
:root .h-56 { block-size: 14rem; }
:root .h-60 { block-size: 15rem; }
:root .h-64 { block-size: 16rem; }
:root .h-72 { block-size: 18rem; }
:root .h-80 { block-size: 20rem; }
:root .h-96 { block-size: 24rem; }
:root .size-auto { width: auto; height: auto; }
:root .size-fit { width: fit-content; height: fit-content; }
:root .size-min { width: min-content; height: min-content; }
:root .size-max { width: max-content; height: max-content; }
:root .size-0 { width: 0; height: 0; }
:root .size-px { width: 1px; height: 1px; }
:root .size-0\.5 { width: 0.125rem; height: 0.125rem; }
:root .size-1 { width: 0.25rem; height: 0.25rem; }
:root .size-1\.5 { width: 0.375rem; height: 0.375rem; }
:root .size-2 { width: 0.5rem; height: 0.5rem; }
:root .size-2\.5 { width: 0.625rem; height: 0.625rem; }
:root .size-3 { width: 0.75rem; height: 0.75rem; }
:root .size-3\.5 { width: 0.875rem; height: 0.875rem; }
:root .size-4 { width: 1rem; height: 1rem; }
:root .size-5 { width: 1.25rem; height: 1.25rem; }
:root .size-6 { width: 1.5rem; height: 1.5rem; }
:root .size-7 { width: 1.75rem; height: 1.75rem; }
:root .size-8 { width: 2rem; height: 2rem; }
:root .size-9 { width: 2.25rem; height: 2.25rem; }
:root .size-10 { width: 2.5rem; height: 2.5rem; }
:root .size-11 { width: 2.75rem; height: 2.75rem; }
:root .size-12 { width: 3rem; height: 3rem; }
:root .size-14 { width: 3.5rem; height: 3.5rem; }
:root .size-16 { width: 4rem; height: 4rem; }
:root .size-20 { width: 5rem; height: 5rem; }
:root .size-24 { width: 6rem; height: 6rem; }
:root .size-28 { width: 7rem; height: 7rem; }
:root .size-32 { width: 8rem; height: 8rem; }
:root .size-36 { width: 9rem; height: 9rem; }
:root .size-40 { width: 10rem; height: 10rem; }
:root .size-44 { width: 11rem; height: 11rem; }
:root .size-48 { width: 12rem; height: 12rem; }
:root .size-52 { width: 13rem; height: 13rem; }
:root .size-56 { width: 14rem; height: 14rem; }
:root .size-60 { width: 15rem; height: 15rem; }
:root .size-64 { width: 16rem; height: 16rem; }
:root .size-72 { width: 18rem; height: 18rem; }
:root .size-80 { width: 20rem; height: 20rem; }
:root .size-96 { width: 24rem; height: 24rem; }
:root .aspect-auto { aspect-ratio: auto; }
:root .aspect-square { aspect-ratio: 1 / 1; }
:root .aspect-video { aspect-ratio: 16 / 9; }
:root .aspect-1\/2 { aspect-ratio: 1/2; }
:root .aspect-2\/1 { aspect-ratio: 2/1; }
:root .aspect-2\/3 { aspect-ratio: 2/3; }
:root .aspect-3\/2 { aspect-ratio: 3/2; }
:root .aspect-3\/4 { aspect-ratio: 3/4; }
:root .aspect-4\/3 { aspect-ratio: 4/3; }
:root .aspect-9\/16 { aspect-ratio: 9/16; }
:root .object-contain { object-fit: contain; }
:root .object-cover { object-fit: cover; }
:root .object-fill { object-fit: fill; }
:root .object-none { object-fit: none; }
:root .object-scale-down { object-fit: scale-down; }
:root .object-left-top { object-position: top left; }
:root .object-top { object-position: top; }
:root .object-right-top { object-position: top right; }
:root .object-left { object-position: left; }
:root .object-center { object-position: center; }
:root .object-right { object-position: right; }
:root .object-left-bottom { object-position: bottom left; }
:root .object-bottom { object-position: bottom; }
:root .object-right-bottom { object-position: bottom right; }
:root .flex-row { flex-direction: row; }
:root .flex-row-reverse { flex-direction: row-reverse; }
:root .flex-col { flex-direction: column; }
:root .flex-col-reverse { flex-direction: column-reverse; }
:root .flex-nowrap { flex-wrap: nowrap; }
:root .flex-wrap { flex-wrap: wrap; }
:root .flex-wrap-reverse { flex-wrap: wrap-reverse; }
:root .flex-1 { flex: 1 1 0%; }
:root .flex-auto { flex: 1 1 auto; }
:root .flex-initial { flex: 0 1 auto; }
:root .flex-none { flex: none; }
:root .grow { flex-grow: 1; }
:root .grow-0 { flex-grow: 0; }
:root .shrink { flex-shrink: 1; }
:root .shrink-0 { flex-shrink: 0; }
:root .content-start { align-content: flex-start; }
:root .content-end { align-content: flex-end; }
:root .content-center { align-content: center; }
:root .content-between { align-content: space-between; }
:root .content-around { align-content: space-around; }
:root .content-evenly { align-content: space-evenly; }
:root .content-stretch { align-content: stretch; }
:root .items-stretch { align-items: stretch; }
:root .items-start { align-items: flex-start; }
:root .items-end { align-items: flex-end; }
:root .items-center { align-items: center; }
:root .items-baseline { align-items: baseline; }
:root .self-start { align-self: flex-start; }
:root .self-end { align-self: flex-end; }
:root .self-center { align-self: center; }
:root .self-stretch { align-self: stretch; }
:root .self-baseline { align-self: baseline; }
:root .justify-start { justify-content: flex-start; }
:root .justify-end { justify-content: flex-end; }
:root .justify-center { justify-content: center; }
:root .justify-between { justify-content: space-between; }
:root .justify-around { justify-content: space-around; }
:root .justify-evenly { justify-content: space-evenly; }
:root .justify-items-start { justify-items: start; }
:root .justify-items-end { justify-items: end; }
:root .justify-items-center { justify-items: center; }
:root .justify-items-stretch { justify-items: stretch; }
:root .justify-self-start { justify-self: start; }
:root .justify-self-end { justify-self: end; }
:root .justify-self-center { justify-self: center; }
:root .justify-self-stretch { justify-self: stretch; }
:root .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
:root .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
:root .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
:root .grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
:root .grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
:root .grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
:root .grid-cols-7 { grid-template-columns: repeat(7, minmax(0px, 1fr)); }
:root .grid-cols-8 { grid-template-columns: repeat(8, minmax(0px, 1fr)); }
:root .grid-cols-9 { grid-template-columns: repeat(9, minmax(0px, 1fr)); }
:root .grid-cols-10 { grid-template-columns: repeat(10, minmax(0px, 1fr)); }
:root .grid-cols-11 { grid-template-columns: repeat(11, minmax(0px, 1fr)); }
:root .grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); }
:root .grid-cols-1\/2 { grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); }
:root .grid-cols-1\/3 { grid-template-columns: minmax(0px, 1fr) minmax(0px, 3fr); }
:root .grid-cols-2\/1 { grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr); }
:root .grid-cols-2\/3 { grid-template-columns: minmax(0px, 2fr) minmax(0px, 3fr); }
:root .grid-cols-3\/1 { grid-template-columns: minmax(0px, 3fr) minmax(0px, 1fr); }
:root .grid-cols-3\/2 { grid-template-columns: minmax(0px, 3fr) minmax(0px, 2fr); }
:root .grid-cols-subgrid { grid-template-columns: subgrid; }
:root .grid-rows-subgrid { grid-template-rows: subgrid; }
:root .col-start-1 { grid-column-start: 1; }
:root .col-end-1 { grid-column-end: 1; }
:root .col-start-2 { grid-column-start: 2; }
:root .col-end-2 { grid-column-end: 2; }
:root .col-start-3 { grid-column-start: 3; }
:root .col-end-3 { grid-column-end: 3; }
:root .col-start-4 { grid-column-start: 4; }
:root .col-end-4 { grid-column-end: 4; }
:root .col-start-5 { grid-column-start: 5; }
:root .col-end-5 { grid-column-end: 5; }
:root .col-start-6 { grid-column-start: 6; }
:root .col-end-6 { grid-column-end: 6; }
:root .col-start-7 { grid-column-start: 7; }
:root .col-end-7 { grid-column-end: 7; }
:root .col-start-8 { grid-column-start: 8; }
:root .col-end-8 { grid-column-end: 8; }
:root .col-start-9 { grid-column-start: 9; }
:root .col-end-9 { grid-column-end: 9; }
:root .col-start-10 { grid-column-start: 10; }
:root .col-end-10 { grid-column-end: 10; }
:root .col-start-11 { grid-column-start: 11; }
:root .col-end-11 { grid-column-end: 11; }
:root .col-start-12 { grid-column-start: 12; }
:root .col-end-12 { grid-column-end: 12; }
:root .col-start-13 { grid-column-start: 13; }
:root .col-end-13 { grid-column-end: 13; }
:root .col-end-last { grid-column-end: -1; }
:root .col-span-1 { grid-column: span 1 / span 1; }
:root .col-span-2 { grid-column: span 2 / span 2; }
:root .col-span-3 { grid-column: span 3 / span 3; }
:root .col-span-4 { grid-column: span 4 / span 4; }
:root .col-span-5 { grid-column: span 5 / span 5; }
:root .col-span-6 { grid-column: span 6 / span 6; }
:root .col-span-7 { grid-column: span 7 / span 7; }
:root .col-span-8 { grid-column: span 8 / span 8; }
:root .col-span-9 { grid-column: span 9 / span 9; }
:root .col-span-10 { grid-column: span 10 / span 10; }
:root .col-span-11 { grid-column: span 11 / span 11; }
:root .col-span-12 { grid-column: span 12 / span 12; }
:root .col-span-full { grid-column: 1 / -1; }
:root .row-start-1 { grid-row-start: 1; }
:root .row-end-1 { grid-row-end: 1; }
:root .row-start-2 { grid-row-start: 2; }
:root .row-end-2 { grid-row-end: 2; }
:root .row-start-3 { grid-row-start: 3; }
:root .row-end-3 { grid-row-end: 3; }
:root .row-start-4 { grid-row-start: 4; }
:root .row-end-4 { grid-row-end: 4; }
:root .row-start-5 { grid-row-start: 5; }
:root .row-end-5 { grid-row-end: 5; }
:root .row-start-6 { grid-row-start: 6; }
:root .row-end-6 { grid-row-end: 6; }
:root .row-start-7 { grid-row-start: 7; }
:root .row-end-7 { grid-row-end: 7; }
:root .row-end-last { grid-row-end: -1; }
:root .row-span-1 { grid-row: span 1 / span 1; }
:root .row-span-2 { grid-row: span 2 / span 2; }
:root .row-span-3 { grid-row: span 3 / span 3; }
:root .row-span-4 { grid-row: span 4 / span 4; }
:root .row-span-5 { grid-row: span 5 / span 5; }
:root .row-span-6 { grid-row: span 6 / span 6; }
:root .row-span-full { grid-row: 1 / -1; }
:root .order-first { order: -9999; }
:root .order-last { order: 9999; }
:root .order-none { order: 0; }
:root .order-1 { order: 1; }
:root .order-2 { order: 2; }
:root .order-3 { order: 3; }
:root .order-4 { order: 4; }
:root .order-5 { order: 5; }
:root .order-6 { order: 6; }
:root .order-7 { order: 7; }
:root .order-8 { order: 8; }
:root .order-9 { order: 9; }
:root .order-10 { order: 10; }
:root .order-11 { order: 11; }
:root .order-12 { order: 12; }
:root .isolate { isolation: isolate; }
:root .isolation-auto { isolation: auto; }
:root .z-0 { z-index: 0; }
:root .z-10 { z-index: 10; }
:root .z-20 { z-index: 20; }
:root .z-30 { z-index: 30; }
:root .z-40 { z-index: 40; }
:root .z-50 { z-index: 50; }
:root .z-auto { z-index: auto; }
:root .z-back { z-index: -1; }
:root .z-front { z-index: 99999; }
:root .-z-10 { z-index: -10; }
:root .-z-20 { z-index: -20; }
:root .-z-30 { z-index: -30; }
:root .-z-40 { z-index: -40; }
:root .-z-50 { z-index: -50; }
:root .backdrop-blur-xs { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
:root .backdrop-blur-sm { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
:root .backdrop-blur { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
:root .backdrop-blur-md { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
:root .backdrop-blur-lg { -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
:root .backdrop-blur-xl { -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); }
:root .backdrop-blur-2xl { -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); }
:root .backdrop-blur-3xl { -webkit-backdrop-filter: blur(64px); backdrop-filter: blur(64px); }
:root .leading-none { line-height: 1; }
:root .leading-tight { line-height: 1.25; }
:root .leading-snug { line-height: 1.375; }
:root .leading-normal { line-height: 1.5; }
:root .leading-relaxed { line-height: 1.625; }
:root .leading-loose { line-height: 2; }
:root .leading-3 { line-height: 0.75rem; }
:root .leading-4 { line-height: 1rem; }
:root .leading-5 { line-height: 1.25rem; }
:root .leading-6 { line-height: 1.5rem; }
:root .leading-7 { line-height: 1.75rem; }
:root .leading-8 { line-height: 2rem; }
:root .leading-9 { line-height: 2.25rem; }
:root .leading-10 { line-height: 2.5rem; }
:root .font-thin { font-weight: 100; }
:root .font-extralight { font-weight: 200; }
:root .font-light { font-weight: 300; }
:root .font-normal { font-weight: 400; }
:root .font-medium { font-weight: 500; }
:root .font-semibold { font-weight: 600; }
:root .font-bold { font-weight: 700; }
:root .font-extrabold { font-weight: 800; }
:root .font-black { font-weight: 900; }
:root .italic { font-style: italic; }
:root .not-italic { font-style: normal; }
:root .text-left { text-align: left; }
:root .text-center { text-align: center; }
:root .text-right { text-align: right; }
:root .text-justify { text-align: justify; }
:root .text-start { text-align: start; }
:root .text-end { text-align: end; }
:root .uppercase { text-transform: uppercase; }
:root .lowercase { text-transform: lowercase; }
:root .capitalize { text-transform: capitalize; }
:root .normal-case { text-transform: none; }
:root .underline { text-decoration-line: underline; }
:root .overline { text-decoration-line: overline; }
:root .line-through { text-decoration-line: line-through; }
:root .no-underline { text-decoration-line: none; }
:root .text-wrap { text-wrap: wrap; }
:root .text-nowrap { text-wrap: nowrap; }
:root .text-balance { text-wrap: balance; }
:root .text-pretty { text-wrap: pretty; }
:root .whitespace-normal { white-space: normal; }
:root .whitespace-nowrap { white-space: nowrap; }
:root .whitespace-pre { white-space: pre; }
:root .whitespace-pre-line { white-space: pre-line; }
:root .whitespace-pre-wrap { white-space: pre-wrap; }
:root .whitespace-break-spaces { white-space: break-spaces; }
:root .tracking-tighter { letter-spacing: -0.05em; }
:root .tracking-tight { letter-spacing: -0.025em; }
:root .tracking-normal { letter-spacing: 0em; }
:root .tracking-wide { letter-spacing: 0.025em; }
:root .tracking-wider { letter-spacing: 0.05em; }
:root .tracking-widest { letter-spacing: 0.1em; }
:root .shadow-2xs { --tw-shadow: 0 1px rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-xs { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-sm { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-inner { --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-2xs { --tw-shadow: inset 0 1px rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-xs { --tw-shadow: inset 0 1px 1px rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-sm { --tw-shadow: inset 0 2px 4px rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow { --tw-shadow: inset 0 2px 4px rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-md { --tw-shadow: inset 0 4px 6px rgb(0 0 0 / 0.10); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-lg { --tw-shadow: inset 0 6px 10px rgb(0 0 0 / 0.10); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-xl { --tw-shadow: inset 0 8px 16px rgb(0 0 0 / 0.10); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-2xl { --tw-shadow: inset 0 12px 24px rgb(0 0 0 / 0.10); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .opacity-0 { opacity: 0; }
:root .opacity-5 { opacity: 0.05; }
:root .opacity-10 { opacity: 0.1; }
:root .opacity-15 { opacity: 0.15; }
:root .opacity-20 { opacity: 0.2; }
:root .opacity-25 { opacity: 0.25; }
:root .opacity-30 { opacity: 0.3; }
:root .opacity-35 { opacity: 0.35; }
:root .opacity-40 { opacity: 0.4; }
:root .opacity-45 { opacity: 0.45; }
:root .opacity-50 { opacity: 0.5; }
:root .opacity-55 { opacity: 0.55; }
:root .opacity-60 { opacity: 0.6; }
:root .opacity-65 { opacity: 0.65; }
:root .opacity-70 { opacity: 0.7; }
:root .opacity-75 { opacity: 0.75; }
:root .opacity-80 { opacity: 0.8; }
:root .opacity-85 { opacity: 0.85; }
:root .opacity-90 { opacity: 0.9; }
:root .opacity-95 { opacity: 0.95; }
:root .opacity-100 { opacity: 1; }
:root .overflow-auto { overflow: auto; }
:root .overflow-x-auto { overflow-x: auto; }
:root .overflow-y-auto { overflow-y: auto; }
:root .overflow-hidden { overflow: hidden; }
:root .overflow-x-hidden { overflow-x: hidden; }
:root .overflow-y-hidden { overflow-y: hidden; }
:root .overflow-clip { overflow: clip; }
:root .overflow-x-clip { overflow-x: clip; }
:root .overflow-y-clip { overflow-y: clip; }
:root .overflow-visible { overflow: visible; }
:root .overflow-x-visible { overflow-x: visible; }
:root .overflow-y-visible { overflow-y: visible; }
:root .overflow-scroll { overflow: scroll; }
:root .overflow-x-scroll { overflow-x: scroll; }
:root .overflow-y-scroll { overflow-y: scroll; }
:root .static { position: static; }
:root .relative { position: relative; }
:root .absolute { position: absolute; width: auto; }
:root .fixed { position: fixed; width: auto; }
:root .sticky { position: sticky; }
:root .inset-0 { inset: 0; }
:root .inset-x-0 { right: 0; left: 0; }
:root .inset-y-0 { top: 0; bottom: 0; }
:root .inset-auto { inset: auto; }
:root .inset-x-auto { right: auto; left: auto; }
:root .inset-y-auto { top: auto; bottom: auto; }
:root .top-0 { top: 0; }
:root .top-px { top: 1px; }
:root .top-0\.5 { top: 0.125rem; }
:root .top-1 { top: 0.25rem; }
:root .top-1\.5 { top: 0.375rem; }
:root .top-2 { top: 0.5rem; }
:root .top-3 { top: 0.75rem; }
:root .top-4 { top: 1rem; }
:root .top-auto { top: auto; }
:root .top-full { top: 100%; }
:root .top-1\/2 { top: 50%; }
:root .right-0 { right: 0; }
:root .right-px { right: 1px; }
:root .right-0\.5 { right: 0.125rem; }
:root .right-1 { right: 0.25rem; }
:root .right-1\.5 { right: 0.375rem; }
:root .right-2 { right: 0.5rem; }
:root .right-3 { right: 0.75rem; }
:root .right-4 { right: 1rem; }
:root .right-auto { right: auto; }
:root .right-full { right: 100%; }
:root .right-1\/2 { right: 50%; }
:root .bottom-0 { bottom: 0; }
:root .bottom-px { bottom: 1px; }
:root .bottom-0\.5 { bottom: 0.125rem; }
:root .bottom-1 { bottom: 0.25rem; }
:root .bottom-1\.5 { bottom: 0.375rem; }
:root .bottom-2 { bottom: 0.5rem; }
:root .bottom-3 { bottom: 0.75rem; }
:root .bottom-4 { bottom: 1rem; }
:root .bottom-auto { bottom: auto; }
:root .bottom-full { bottom: 100%; }
:root .bottom-1\/2 { bottom: 50%; }
:root .left-0 { left: 0; }
:root .left-px { left: 1px; }
:root .left-0\.5 { left: 0.125rem; }
:root .left-1 { left: 0.25rem; }
:root .left-1\.5 { left: 0.375rem; }
:root .left-2 { left: 0.5rem; }
:root .left-3 { left: 0.75rem; }
:root .left-4 { left: 1rem; }
:root .left-auto { left: auto; }
:root .left-full { left: 100%; }
:root .left-1\/2 { left: 50%; }
:root .visible { visibility: visible; }
:root .invisible { visibility: hidden; }
:root .collapse { visibility: collapse; }
:root .cursor-auto { cursor: auto; }
:root .cursor-default { cursor: default; }
:root .cursor-pointer { cursor: pointer; }
:root .cursor-wait { cursor: wait; }
:root .cursor-text { cursor: text; }
:root .cursor-move { cursor: move; }
:root .cursor-not-allowed { cursor: not-allowed; }
:root .cursor-grab { cursor: grab; }
:root .cursor-grabbing { cursor: grabbing; }
:root .list-none { list-style-type: none; }
:root .list-disc { list-style-type: disc; }
:root .list-decimal { list-style-type: decimal; }
:root .list-inside { list-style-position: inside; }
:root .list-outside { list-style-position: outside; }
:root .-m-px { margin: -1px; }
:root .-m-0\.5 { margin: -0.125rem; }
:root .-m-1 { margin: -0.25rem; }
:root .-m-1\.5 { margin: -0.375rem; }
:root .-m-2 { margin: -0.5rem; }
:root .-m-2\.5 { margin: -0.625rem; }
:root .-m-3 { margin: -0.75rem; }
:root .-m-3\.5 { margin: -0.875rem; }
:root .-m-4 { margin: -1rem; }
:root .-m-5 { margin: -1.25rem; }
:root .-m-6 { margin: -1.5rem; }
:root .-m-8 { margin: -2rem; }
:root .-m-10 { margin: -2.5rem; }
:root .-m-12 { margin: -3rem; }
:root .-m-16 { margin: -4rem; }
:root .-m-20 { margin: -5rem; }
:root .-m-24 { margin: -6rem; }
:root .-m-32 { margin: -8rem; }
:root .-m-40 { margin: -10rem; }
:root .-m-48 { margin: -12rem; }
:root .-m-56 { margin: -14rem; }
:root .-m-64 { margin: -16rem; }
:root .-mt-px { margin-top: -1px; }
:root .-mt-0\.5 { margin-top: -0.125rem; }
:root .-mt-1 { margin-top: -0.25rem; }
:root .-mt-1\.5 { margin-top: -0.375rem; }
:root .-mt-2 { margin-top: -0.5rem; }
:root .-mt-2\.5 { margin-top: -0.625rem; }
:root .-mt-3 { margin-top: -0.75rem; }
:root .-mt-3\.5 { margin-top: -0.875rem; }
:root .-mt-4 { margin-top: -1rem; }
:root .-mt-5 { margin-top: -1.25rem; }
:root .-mt-6 { margin-top: -1.5rem; }
:root .-mt-8 { margin-top: -2rem; }
:root .-mt-10 { margin-top: -2.5rem; }
:root .-mt-12 { margin-top: -3rem; }
:root .-mt-16 { margin-top: -4rem; }
:root .-mt-20 { margin-top: -5rem; }
:root .-mt-24 { margin-top: -6rem; }
:root .-mt-32 { margin-top: -8rem; }
:root .-mt-40 { margin-top: -10rem; }
:root .-mt-48 { margin-top: -12rem; }
:root .-mt-56 { margin-top: -14rem; }
:root .-mt-64 { margin-top: -16rem; }
:root .-mr-px { margin-right: -1px; }
:root .-mr-0\.5 { margin-right: -0.125rem; }
:root .-mr-1 { margin-right: -0.25rem; }
:root .-mr-1\.5 { margin-right: -0.375rem; }
:root .-mr-2 { margin-right: -0.5rem; }
:root .-mr-2\.5 { margin-right: -0.625rem; }
:root .-mr-3 { margin-right: -0.75rem; }
:root .-mr-3\.5 { margin-right: -0.875rem; }
:root .-mr-4 { margin-right: -1rem; }
:root .-mr-5 { margin-right: -1.25rem; }
:root .-mr-6 { margin-right: -1.5rem; }
:root .-mr-8 { margin-right: -2rem; }
:root .-mr-10 { margin-right: -2.5rem; }
:root .-mr-12 { margin-right: -3rem; }
:root .-mr-16 { margin-right: -4rem; }
:root .-mr-20 { margin-right: -5rem; }
:root .-mr-24 { margin-right: -6rem; }
:root .-mr-32 { margin-right: -8rem; }
:root .-mr-40 { margin-right: -10rem; }
:root .-mr-48 { margin-right: -12rem; }
:root .-mr-56 { margin-right: -14rem; }
:root .-mr-64 { margin-right: -16rem; }
:root .-mb-px { margin-bottom: -1px; }
:root .-mb-0\.5 { margin-bottom: -0.125rem; }
:root .-mb-1 { margin-bottom: -0.25rem; }
:root .-mb-1\.5 { margin-bottom: -0.375rem; }
:root .-mb-2 { margin-bottom: -0.5rem; }
:root .-mb-2\.5 { margin-bottom: -0.625rem; }
:root .-mb-3 { margin-bottom: -0.75rem; }
:root .-mb-3\.5 { margin-bottom: -0.875rem; }
:root .-mb-4 { margin-bottom: -1rem; }
:root .-mb-5 { margin-bottom: -1.25rem; }
:root .-mb-6 { margin-bottom: -1.5rem; }
:root .-mb-8 { margin-bottom: -2rem; }
:root .-mb-10 { margin-bottom: -2.5rem; }
:root .-mb-12 { margin-bottom: -3rem; }
:root .-mb-16 { margin-bottom: -4rem; }
:root .-mb-20 { margin-bottom: -5rem; }
:root .-mb-24 { margin-bottom: -6rem; }
:root .-mb-32 { margin-bottom: -8rem; }
:root .-mb-40 { margin-bottom: -10rem; }
:root .-mb-48 { margin-bottom: -12rem; }
:root .-mb-56 { margin-bottom: -14rem; }
:root .-mb-64 { margin-bottom: -16rem; }
:root .-ml-px { margin-left: -1px; }
:root .-ml-0\.5 { margin-left: -0.125rem; }
:root .-ml-1 { margin-left: -0.25rem; }
:root .-ml-1\.5 { margin-left: -0.375rem; }
:root .-ml-2 { margin-left: -0.5rem; }
:root .-ml-2\.5 { margin-left: -0.625rem; }
:root .-ml-3 { margin-left: -0.75rem; }
:root .-ml-3\.5 { margin-left: -0.875rem; }
:root .-ml-4 { margin-left: -1rem; }
:root .-ml-5 { margin-left: -1.25rem; }
:root .-ml-6 { margin-left: -1.5rem; }
:root .-ml-8 { margin-left: -2rem; }
:root .-ml-10 { margin-left: -2.5rem; }
:root .-ml-12 { margin-left: -3rem; }
:root .-ml-16 { margin-left: -4rem; }
:root .-ml-20 { margin-left: -5rem; }
:root .-ml-24 { margin-left: -6rem; }
:root .-ml-32 { margin-left: -8rem; }
:root .-ml-40 { margin-left: -10rem; }
:root .-ml-48 { margin-left: -12rem; }
:root .-ml-56 { margin-left: -14rem; }
:root .-ml-64 { margin-left: -16rem; }
:root .-mx-px { margin-right: -1px; margin-left: -1px; }
:root .-mx-0\.5 { margin-right: -0.125rem; margin-left: -0.125rem; }
:root .-mx-1 { margin-right: -0.25rem; margin-left: -0.25rem; }
:root .-mx-1\.5 { margin-right: -0.375rem; margin-left: -0.375rem; }
:root .-mx-2 { margin-right: -0.5rem; margin-left: -0.5rem; }
:root .-mx-2\.5 { margin-right: -0.625rem; margin-left: -0.625rem; }
:root .-mx-3 { margin-right: -0.75rem; margin-left: -0.75rem; }
:root .-mx-3\.5 { margin-right: -0.875rem; margin-left: -0.875rem; }
:root .-mx-4 { margin-right: -1rem; margin-left: -1rem; }
:root .-mx-5 { margin-right: -1.25rem; margin-left: -1.25rem; }
:root .-mx-6 { margin-right: -1.5rem; margin-left: -1.5rem; }
:root .-mx-8 { margin-right: -2rem; margin-left: -2rem; }
:root .-mx-10 { margin-right: -2.5rem; margin-left: -2.5rem; }
:root .-mx-12 { margin-right: -3rem; margin-left: -3rem; }
:root .-mx-16 { margin-right: -4rem; margin-left: -4rem; }
:root .-mx-20 { margin-right: -5rem; margin-left: -5rem; }
:root .-mx-24 { margin-right: -6rem; margin-left: -6rem; }
:root .-mx-32 { margin-right: -8rem; margin-left: -8rem; }
:root .-mx-40 { margin-right: -10rem; margin-left: -10rem; }
:root .-mx-48 { margin-right: -12rem; margin-left: -12rem; }
:root .-mx-56 { margin-right: -14rem; margin-left: -14rem; }
:root .-mx-64 { margin-right: -16rem; margin-left: -16rem; }
:root .-my-px { margin-top: -1px; margin-bottom: -1px; }
:root .-my-0\.5 { margin-top: -0.125rem; margin-bottom: -0.125rem; }
:root .-my-1 { margin-top: -0.25rem; margin-bottom: -0.25rem; }
:root .-my-1\.5 { margin-top: -0.375rem; margin-bottom: -0.375rem; }
:root .-my-2 { margin-top: -0.5rem; margin-bottom: -0.5rem; }
:root .-my-2\.5 { margin-top: -0.625rem; margin-bottom: -0.625rem; }
:root .-my-3 { margin-top: -0.75rem; margin-bottom: -0.75rem; }
:root .-my-3\.5 { margin-top: -0.875rem; margin-bottom: -0.875rem; }
:root .-my-4 { margin-top: -1rem; margin-bottom: -1rem; }
:root .-my-5 { margin-top: -1.25rem; margin-bottom: -1.25rem; }
:root .-my-6 { margin-top: -1.5rem; margin-bottom: -1.5rem; }
:root .-my-8 { margin-top: -2rem; margin-bottom: -2rem; }
:root .-my-10 { margin-top: -2.5rem; margin-bottom: -2.5rem; }
:root .-my-12 { margin-top: -3rem; margin-bottom: -3rem; }
:root .-my-16 { margin-top: -4rem; margin-bottom: -4rem; }
:root .-my-20 { margin-top: -5rem; margin-bottom: -5rem; }
:root .-my-24 { margin-top: -6rem; margin-bottom: -6rem; }
:root .-my-32 { margin-top: -8rem; margin-bottom: -8rem; }
:root .-my-40 { margin-top: -10rem; margin-bottom: -10rem; }
:root .-my-48 { margin-top: -12rem; margin-bottom: -12rem; }
:root .-my-56 { margin-top: -14rem; margin-bottom: -14rem; }
:root .-my-64 { margin-top: -16rem; margin-bottom: -16rem; }
:root .space-x-0 > :not([hidden]) ~ :not([hidden]) { margin-left: 0; }
:root .space-y-0 > :not([hidden]) ~ :not([hidden]) { margin-top: 0; }
:root .space-x-px > :not([hidden]) ~ :not([hidden]) { margin-left: 1px; }
:root .space-y-px > :not([hidden]) ~ :not([hidden]) { margin-top: 1px; }
:root .space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.125rem; }
:root .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.125rem; }
:root .space-x-1 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.25rem; }
:root .space-y-1 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.25rem; }
:root .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.375rem; }
:root .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.375rem; }
:root .space-x-2 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.5rem; }
:root .space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.5rem; }
:root .space-x-2\.5 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.625rem; }
:root .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.625rem; }
:root .space-x-3 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.75rem; }
:root .space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.75rem; }
:root .space-x-4 > :not([hidden]) ~ :not([hidden]) { margin-left: 1rem; }
:root .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 1rem; }
:root .space-x-5 > :not([hidden]) ~ :not([hidden]) { margin-left: 1.25rem; }
:root .space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.25rem; }
:root .space-x-6 > :not([hidden]) ~ :not([hidden]) { margin-left: 1.5rem; }
:root .space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.5rem; }
:root .space-x-8 > :not([hidden]) ~ :not([hidden]) { margin-left: 2rem; }
:root .space-y-8 > :not([hidden]) ~ :not([hidden]) { margin-top: 2rem; }
:root .space-x-10 > :not([hidden]) ~ :not([hidden]) { margin-left: 2.5rem; }
:root .space-y-10 > :not([hidden]) ~ :not([hidden]) { margin-top: 2.5rem; }
:root .space-x-12 > :not([hidden]) ~ :not([hidden]) { margin-left: 3rem; }
:root .space-y-12 > :not([hidden]) ~ :not([hidden]) { margin-top: 3rem; }
:root .space-x-16 > :not([hidden]) ~ :not([hidden]) { margin-left: 4rem; }
:root .space-y-16 > :not([hidden]) ~ :not([hidden]) { margin-top: 4rem; }
:root .space-x-20 > :not([hidden]) ~ :not([hidden]) { margin-left: 5rem; }
:root .space-y-20 > :not([hidden]) ~ :not([hidden]) { margin-top: 5rem; }
:root .space-x-24 > :not([hidden]) ~ :not([hidden]) { margin-left: 6rem; }
:root .space-y-24 > :not([hidden]) ~ :not([hidden]) { margin-top: 6rem; }
:root .-space-x-0 > :not([hidden]) ~ :not([hidden]) { margin-left: -0; }
:root .-space-y-0 > :not([hidden]) ~ :not([hidden]) { margin-top: -0; }
:root .-space-x-px > :not([hidden]) ~ :not([hidden]) { margin-left: -1px; }
:root .-space-y-px > :not([hidden]) ~ :not([hidden]) { margin-top: -1px; }
:root .-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { margin-left: -0.125rem; }
:root .-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: -0.125rem; }
:root .-space-x-1 > :not([hidden]) ~ :not([hidden]) { margin-left: -0.25rem; }
:root .-space-y-1 > :not([hidden]) ~ :not([hidden]) { margin-top: -0.25rem; }
:root .-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-left: -0.375rem; }
:root .-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: -0.375rem; }
:root .-space-x-2 > :not([hidden]) ~ :not([hidden]) { margin-left: -0.5rem; }
:root .-space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: -0.5rem; }
:root .-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) { margin-left: -0.625rem; }
:root .-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: -0.625rem; }
:root .-space-x-3 > :not([hidden]) ~ :not([hidden]) { margin-left: -0.75rem; }
:root .-space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: -0.75rem; }
:root .-space-x-4 > :not([hidden]) ~ :not([hidden]) { margin-left: -1rem; }
:root .-space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: -1rem; }
:root .-space-x-5 > :not([hidden]) ~ :not([hidden]) { margin-left: -1.25rem; }
:root .-space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: -1.25rem; }
:root .-space-x-6 > :not([hidden]) ~ :not([hidden]) { margin-left: -1.5rem; }
:root .-space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: -1.5rem; }
:root .-space-x-8 > :not([hidden]) ~ :not([hidden]) { margin-left: -2rem; }
:root .-space-y-8 > :not([hidden]) ~ :not([hidden]) { margin-top: -2rem; }
:root .-space-x-10 > :not([hidden]) ~ :not([hidden]) { margin-left: -2.5rem; }
:root .-space-y-10 > :not([hidden]) ~ :not([hidden]) { margin-top: -2.5rem; }
:root .-space-x-12 > :not([hidden]) ~ :not([hidden]) { margin-left: -3rem; }
:root .-space-y-12 > :not([hidden]) ~ :not([hidden]) { margin-top: -3rem; }
:root .-space-x-16 > :not([hidden]) ~ :not([hidden]) { margin-left: -4rem; }
:root .-space-y-16 > :not([hidden]) ~ :not([hidden]) { margin-top: -4rem; }
:root .-space-x-20 > :not([hidden]) ~ :not([hidden]) { margin-left: -5rem; }
:root .-space-y-20 > :not([hidden]) ~ :not([hidden]) { margin-top: -5rem; }
:root .-space-x-24 > :not([hidden]) ~ :not([hidden]) { margin-left: -6rem; }
:root .-space-y-24 > :not([hidden]) ~ :not([hidden]) { margin-top: -6rem; }
:root .divide-x-0 > :not([hidden]) ~ :not([hidden]) { border-left-width: 0px; }
:root .divide-y-0 > :not([hidden]) ~ :not([hidden]) { border-top-width: 0px; }
:root .divide-x-2 > :not([hidden]) ~ :not([hidden]) { border-left-width: 2px; }
:root .divide-y-2 > :not([hidden]) ~ :not([hidden]) { border-top-width: 2px; }
:root .divide-x-4 > :not([hidden]) ~ :not([hidden]) { border-left-width: 4px; }
:root .divide-y-4 > :not([hidden]) ~ :not([hidden]) { border-top-width: 4px; }
:root .divide-x-8 > :not([hidden]) ~ :not([hidden]) { border-left-width: 8px; }
:root .divide-y-8 > :not([hidden]) ~ :not([hidden]) { border-top-width: 8px; }
:root .divide-x > :not([hidden]) ~ :not([hidden]) { border-left-width: 1px; }
:root .divide-y > :not([hidden]) ~ :not([hidden]) { border-top-width: 1px; }
:root .basis-auto { flex-basis: auto; }
:root .basis-full { flex-basis: 100%; }
:root .basis-0 { flex-basis: 0%; }
:root .basis-1\/2 { flex-basis: 50%; }
:root .basis-1\/3 { flex-basis: 33.333333%; }
:root .basis-2\/3 { flex-basis: 66.666667%; }
:root .basis-1\/4 { flex-basis: 25%; }
:root .basis-2\/4 { flex-basis: 50%; }
:root .basis-3\/4 { flex-basis: 75%; }
:root .basis-1\/5 { flex-basis: 20%; }
:root .basis-2\/5 { flex-basis: 40%; }
:root .basis-3\/5 { flex-basis: 60%; }
:root .basis-4\/5 { flex-basis: 80%; }
:root .basis-1\/6 { flex-basis: 16.666667%; }
:root .basis-5\/6 { flex-basis: 83.333333%; }
:root .basis-1\/12 { flex-basis: 8.333333%; }
:root .text-3xl { font-size: var(--spectra-text-3xl, 1.875rem); line-height: 2.25rem; }
:root .text-4xl { font-size: var(--spectra-text-4xl, 2.25rem); line-height: 2.5rem; }
:root .text-5xl { font-size: var(--spectra-text-5xl, 3rem); line-height: 1; }
:root .text-6xl { font-size: var(--spectra-text-6xl, 3.75rem); line-height: 1; }
:root .text-7xl { font-size: var(--spectra-text-7xl, 4.5rem); line-height: 1; }
:root .text-8xl { font-size: var(--spectra-text-8xl, 6rem); line-height: 1; }
:root .text-9xl { font-size: var(--spectra-text-9xl, 8rem); line-height: 1; }
:root .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:root .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; }
:root .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
:root .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; }
:root .line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; }
:root .line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-clamp: 5; }
:root .line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; }
:root .line-clamp-none { overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; line-clamp: none; }
:root .rotate-0 { transform: rotate(0deg); }
:root .-rotate-0 { transform: rotate(-0deg); }
:root .rotate-1 { transform: rotate(1deg); }
:root .-rotate-1 { transform: rotate(-1deg); }
:root .rotate-2 { transform: rotate(2deg); }
:root .-rotate-2 { transform: rotate(-2deg); }
:root .rotate-3 { transform: rotate(3deg); }
:root .-rotate-3 { transform: rotate(-3deg); }
:root .rotate-6 { transform: rotate(6deg); }
:root .-rotate-6 { transform: rotate(-6deg); }
:root .rotate-12 { transform: rotate(12deg); }
:root .-rotate-12 { transform: rotate(-12deg); }
:root .rotate-45 { transform: rotate(45deg); }
:root .-rotate-45 { transform: rotate(-45deg); }
:root .rotate-90 { transform: rotate(90deg); }
:root .-rotate-90 { transform: rotate(-90deg); }
:root .rotate-180 { transform: rotate(180deg); }
:root .-rotate-180 { transform: rotate(-180deg); }
:root .scale-0 { transform: scale(0.00); }
:root .scale-x-0 { transform: scaleX(0.00); }
:root .scale-y-0 { transform: scaleY(0.00); }
:root .scale-50 { transform: scale(0.50); }
:root .scale-x-50 { transform: scaleX(0.50); }
:root .scale-y-50 { transform: scaleY(0.50); }
:root .scale-75 { transform: scale(0.75); }
:root .scale-x-75 { transform: scaleX(0.75); }
:root .scale-y-75 { transform: scaleY(0.75); }
:root .scale-90 { transform: scale(0.90); }
:root .scale-x-90 { transform: scaleX(0.90); }
:root .scale-y-90 { transform: scaleY(0.90); }
:root .scale-95 { transform: scale(0.95); }
:root .scale-x-95 { transform: scaleX(0.95); }
:root .scale-y-95 { transform: scaleY(0.95); }
:root .scale-100 { transform: scale(1.00); }
:root .scale-x-100 { transform: scaleX(1.00); }
:root .scale-y-100 { transform: scaleY(1.00); }
:root .scale-105 { transform: scale(1.05); }
:root .scale-x-105 { transform: scaleX(1.05); }
:root .scale-y-105 { transform: scaleY(1.05); }
:root .scale-110 { transform: scale(1.10); }
:root .scale-x-110 { transform: scaleX(1.10); }
:root .scale-y-110 { transform: scaleY(1.10); }
:root .scale-125 { transform: scale(1.25); }
:root .scale-x-125 { transform: scaleX(1.25); }
:root .scale-y-125 { transform: scaleY(1.25); }
:root .scale-150 { transform: scale(1.50); }
:root .scale-x-150 { transform: scaleX(1.50); }
:root .scale-y-150 { transform: scaleY(1.50); }
:root .skew-x-0 { transform: skewX(0deg); }
:root .skew-y-0 { transform: skewY(0deg); }
:root .-skew-x-0 { transform: skewX(-0deg); }
:root .-skew-y-0 { transform: skewY(-0deg); }
:root .skew-x-1 { transform: skewX(1deg); }
:root .skew-y-1 { transform: skewY(1deg); }
:root .-skew-x-1 { transform: skewX(-1deg); }
:root .-skew-y-1 { transform: skewY(-1deg); }
:root .skew-x-2 { transform: skewX(2deg); }
:root .skew-y-2 { transform: skewY(2deg); }
:root .-skew-x-2 { transform: skewX(-2deg); }
:root .-skew-y-2 { transform: skewY(-2deg); }
:root .skew-x-3 { transform: skewX(3deg); }
:root .skew-y-3 { transform: skewY(3deg); }
:root .-skew-x-3 { transform: skewX(-3deg); }
:root .-skew-y-3 { transform: skewY(-3deg); }
:root .skew-x-6 { transform: skewX(6deg); }
:root .skew-y-6 { transform: skewY(6deg); }
:root .-skew-x-6 { transform: skewX(-6deg); }
:root .-skew-y-6 { transform: skewY(-6deg); }
:root .skew-x-12 { transform: skewX(12deg); }
:root .skew-y-12 { transform: skewY(12deg); }
:root .-skew-x-12 { transform: skewX(-12deg); }
:root .-skew-y-12 { transform: skewY(-12deg); }
:root .origin-center { transform-origin: center; }
:root .origin-top { transform-origin: top; }
:root .origin-top-right { transform-origin: top right; }
:root .origin-right { transform-origin: right; }
:root .origin-bottom-right { transform-origin: bottom right; }
:root .origin-bottom { transform-origin: bottom; }
:root .origin-bottom-left { transform-origin: bottom left; }
:root .origin-left { transform-origin: left; }
:root .origin-top-left { transform-origin: top left; }
:root .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
:root .transition-none { transition-property: none; }
:root .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
:root .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
:root .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
:root .transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
:root .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
:root .duration-0 { transition-duration: 0ms; }
:root .delay-0 { transition-delay: 0ms; }
:root .duration-75 { transition-duration: 75ms; }
:root .delay-75 { transition-delay: 75ms; }
:root .duration-100 { transition-duration: 100ms; }
:root .delay-100 { transition-delay: 100ms; }
:root .duration-150 { transition-duration: 150ms; }
:root .delay-150 { transition-delay: 150ms; }
:root .duration-200 { transition-duration: 200ms; }
:root .delay-200 { transition-delay: 200ms; }
:root .duration-300 { transition-duration: 300ms; }
:root .delay-300 { transition-delay: 300ms; }
:root .duration-500 { transition-duration: 500ms; }
:root .delay-500 { transition-delay: 500ms; }
:root .duration-700 { transition-duration: 700ms; }
:root .delay-700 { transition-delay: 700ms; }
:root .duration-1000 { transition-duration: 1000ms; }
:root .delay-1000 { transition-delay: 1000ms; }
:root .ease-linear { transition-timing-function: linear; }
:root .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
:root .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
:root .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
:root .animate-none { animation: none; }
:root .animate-spin { animation: spectra-spin 1s linear infinite; }
:root .animate-ping { animation: spectra-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }
:root .animate-pulse { animation: spectra-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
:root .animate-bounce { animation: spectra-bounce 1s infinite; }
:root .animate-fade-up { animation: spectra-fade-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) both; }
:root .animate-fade-in { animation: spectra-fade-in 0.5s ease-out both; }
:root .animate-fade-down { animation: spectra-fade-down 0.6s cubic-bezier(0.16, 1, 0.3, 1) both; }
:root .animate-slide-left { animation: spectra-slide-left 0.6s cubic-bezier(0.16, 1, 0.3, 1) both; }
:root .animate-slide-right { animation: spectra-slide-right 0.6s cubic-bezier(0.16, 1, 0.3, 1) both; }
:root .animate-scale-in { animation: spectra-scale-in 0.6s cubic-bezier(0.16, 1, 0.3, 1) both; }
:root .animate-ring-in { animation: spectra-ring-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) both; }
:root .animate-ring-dash { animation: spectra-ring-dash 1.2s ease-out both; }
:root .animate-drift { animation: spectra-drift 18s ease-in-out infinite; }
:root .animate-pulse-dot { animation: spectra-pulse-dot 2s ease-in-out infinite; }
:root .animate-wiggle { animation: spectra-wiggle 0.8s ease-in-out; }
:root .animate-shake { animation: spectra-shake 0.4s ease-in-out; }
:root .animate-reveal { animation: spectra-reveal 0.8s cubic-bezier(0.77, 0, 0.18, 1) both; }
:root .animate-fade-up-m { animation: spectra-fade-up-m 0.4s cubic-bezier(0.16, 1, 0.3, 1) both; }
:root .blur-xs { filter: blur(4px); }
:root .blur-sm { filter: blur(8px); }
:root .blur { filter: blur(8px); }
:root .blur-md { filter: blur(12px); }
:root .blur-lg { filter: blur(16px); }
:root .blur-xl { filter: blur(24px); }
:root .blur-2xl { filter: blur(40px); }
:root .blur-3xl { filter: blur(64px); }
:root .brightness-0 { filter: brightness(0.00); }
:root .brightness-50 { filter: brightness(0.50); }
:root .brightness-75 { filter: brightness(0.75); }
:root .brightness-90 { filter: brightness(0.90); }
:root .brightness-95 { filter: brightness(0.95); }
:root .brightness-100 { filter: brightness(1.00); }
:root .brightness-105 { filter: brightness(1.05); }
:root .brightness-110 { filter: brightness(1.10); }
:root .brightness-125 { filter: brightness(1.25); }
:root .brightness-150 { filter: brightness(1.50); }
:root .brightness-200 { filter: brightness(2.00); }
:root .contrast-0 { filter: contrast(0.00); }
:root .contrast-50 { filter: contrast(0.50); }
:root .contrast-75 { filter: contrast(0.75); }
:root .contrast-100 { filter: contrast(1.00); }
:root .contrast-125 { filter: contrast(1.25); }
:root .contrast-150 { filter: contrast(1.50); }
:root .contrast-200 { filter: contrast(2.00); }
:root .saturate-0 { filter: saturate(0.00); }
:root .saturate-50 { filter: saturate(0.50); }
:root .saturate-100 { filter: saturate(1.00); }
:root .saturate-150 { filter: saturate(1.50); }
:root .saturate-200 { filter: saturate(2.00); }
:root .grayscale { filter: grayscale(100%); }
:root .grayscale-0 { filter: grayscale(0); }
:root .invert { filter: invert(100%); }
:root .invert-0 { filter: invert(0); }
:root .sepia { filter: sepia(100%); }
:root .sepia-0 { filter: sepia(0); }
:root .hue-rotate-0 { filter: hue-rotate(0deg); }
:root .-hue-rotate-0 { filter: hue-rotate(-0deg); }
:root .hue-rotate-15 { filter: hue-rotate(15deg); }
:root .-hue-rotate-15 { filter: hue-rotate(-15deg); }
:root .hue-rotate-30 { filter: hue-rotate(30deg); }
:root .-hue-rotate-30 { filter: hue-rotate(-30deg); }
:root .hue-rotate-60 { filter: hue-rotate(60deg); }
:root .-hue-rotate-60 { filter: hue-rotate(-60deg); }
:root .hue-rotate-90 { filter: hue-rotate(90deg); }
:root .-hue-rotate-90 { filter: hue-rotate(-90deg); }
:root .hue-rotate-180 { filter: hue-rotate(180deg); }
:root .-hue-rotate-180 { filter: hue-rotate(-180deg); }
:root .drop-shadow-none { filter: drop-shadow(0 0 #0000); }
:root .drop-shadow-sm { filter: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); }
:root .drop-shadow { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1)) drop-shadow(0 1px 1px rgba(0,0,0,0.06)); }
:root .drop-shadow-md { filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06)); }
:root .drop-shadow-lg { filter: drop-shadow(0 10px 8px rgba(0,0,0,0.04)) drop-shadow(0 4px 3px rgba(0,0,0,0.1)); }
:root .drop-shadow-xl { filter: drop-shadow(0 20px 13px rgba(0,0,0,0.03)) drop-shadow(0 8px 5px rgba(0,0,0,0.08)); }
:root .drop-shadow-2xl { filter: drop-shadow(0 25px 25px rgba(0,0,0,0.15)); }
:root .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .bg-gradient-to-tr { background-image: linear-gradient(to top right, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .bg-gradient-to-bl { background-image: linear-gradient(to bottom left, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .bg-gradient-to-tl { background-image: linear-gradient(to top left, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .underline-offset-0 { text-underline-offset: 0px; }
:root .underline-offset-1 { text-underline-offset: 1px; }
:root .underline-offset-2 { text-underline-offset: 2px; }
:root .underline-offset-4 { text-underline-offset: 4px; }
:root .underline-offset-8 { text-underline-offset: 8px; }
:root .underline-offset-auto { text-underline-offset: auto; }
:root .decoration-solid { text-decoration-style: solid; }
:root .decoration-double { text-decoration-style: double; }
:root .decoration-dotted { text-decoration-style: dotted; }
:root .decoration-dashed { text-decoration-style: dashed; }
:root .decoration-wavy { text-decoration-style: wavy; }
:root .decoration-0 { text-decoration-thickness: 0px; }
:root .decoration-1 { text-decoration-thickness: 1px; }
:root .decoration-2 { text-decoration-thickness: 2px; }
:root .decoration-4 { text-decoration-thickness: 4px; }
:root .decoration-8 { text-decoration-thickness: 8px; }
:root .decoration-auto { text-decoration-thickness: auto; }
:root .decoration-from-font { text-decoration-thickness: from-font; }
:root .align-baseline { vertical-align: baseline; }
:root .align-top { vertical-align: top; }
:root .align-middle { vertical-align: middle; }
:root .align-bottom { vertical-align: bottom; }
:root .align-text-top { vertical-align: text-top; }
:root .align-text-bottom { vertical-align: text-bottom; }
:root .align-sub { vertical-align: sub; }
:root .align-super { vertical-align: super; }
:root .table-auto { table-layout: auto; }
:root .table-fixed { table-layout: fixed; }
:root .border-collapse { border-collapse: collapse; }
:root .border-separate { border-collapse: separate; }
:root .caption-top { caption-side: top; }
:root .caption-bottom { caption-side: bottom; }
:root .border-spacing-0 { border-spacing: 0; }
:root .border-spacing-px { border-spacing: 1px; }
:root .border-spacing-0\.5 { border-spacing: 0.125rem; }
:root .border-spacing-1 { border-spacing: 0.25rem; }
:root .border-spacing-1\.5 { border-spacing: 0.375rem; }
:root .border-spacing-2 { border-spacing: 0.5rem; }
:root .border-spacing-2\.5 { border-spacing: 0.625rem; }
:root .border-spacing-3 { border-spacing: 0.75rem; }
:root .border-spacing-4 { border-spacing: 1rem; }
:root .border-spacing-5 { border-spacing: 1.25rem; }
:root .border-spacing-6 { border-spacing: 1.5rem; }
:root .border-spacing-8 { border-spacing: 2rem; }
:root .border-spacing-10 { border-spacing: 2.5rem; }
:root .border-spacing-12 { border-spacing: 3rem; }
:root .border-spacing-16 { border-spacing: 4rem; }
:root .border-spacing-20 { border-spacing: 5rem; }
:root .border-spacing-24 { border-spacing: 6rem; }
:root .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
:root .not-sr-only { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; }
:root .appearance-none { appearance: none; -webkit-appearance: none; }
:root .appearance-auto { appearance: auto; }
:root .resize-none { resize: none; }
:root .resize-y { resize: vertical; }
:root .resize-x { resize: horizontal; }
:root .resize { resize: both; }
:root .scroll-auto { scroll-behavior: auto; }
:root .scroll-smooth { scroll-behavior: smooth; }
:root .snap-none { scroll-snap-type: none; }
:root .snap-x { scroll-snap-type: x mandatory; }
:root .snap-y { scroll-snap-type: y mandatory; }
:root .snap-both { scroll-snap-type: both mandatory; }
:root .snap-mandatory { --tw-scroll-snap-strictness: mandatory; }
:root .snap-proximity { --tw-scroll-snap-strictness: proximity; }
:root .snap-start { scroll-snap-align: start; }
:root .snap-end { scroll-snap-align: end; }
:root .snap-center { scroll-snap-align: center; }
:root .snap-align-none { scroll-snap-align: none; }
:root .snap-normal { scroll-snap-stop: normal; }
:root .snap-always { scroll-snap-stop: always; }
:root .scroll-m-0 { scroll-margin: 0; }
:root .scroll-m-px { scroll-margin: 1px; }
:root .scroll-m-0\.5 { scroll-margin: 0.125rem; }
:root .scroll-m-1 { scroll-margin: 0.25rem; }
:root .scroll-m-1\.5 { scroll-margin: 0.375rem; }
:root .scroll-m-2 { scroll-margin: 0.5rem; }
:root .scroll-m-2\.5 { scroll-margin: 0.625rem; }
:root .scroll-m-3 { scroll-margin: 0.75rem; }
:root .scroll-m-3\.5 { scroll-margin: 0.875rem; }
:root .scroll-m-4 { scroll-margin: 1rem; }
:root .scroll-m-5 { scroll-margin: 1.25rem; }
:root .scroll-m-6 { scroll-margin: 1.5rem; }
:root .scroll-m-8 { scroll-margin: 2rem; }
:root .scroll-m-10 { scroll-margin: 2.5rem; }
:root .scroll-m-12 { scroll-margin: 3rem; }
:root .scroll-m-16 { scroll-margin: 4rem; }
:root .scroll-m-20 { scroll-margin: 5rem; }
:root .scroll-m-24 { scroll-margin: 6rem; }
:root .scroll-mt-0 { scroll-margin-top: 0; }
:root .scroll-mt-px { scroll-margin-top: 1px; }
:root .scroll-mt-0\.5 { scroll-margin-top: 0.125rem; }
:root .scroll-mt-1 { scroll-margin-top: 0.25rem; }
:root .scroll-mt-1\.5 { scroll-margin-top: 0.375rem; }
:root .scroll-mt-2 { scroll-margin-top: 0.5rem; }
:root .scroll-mt-2\.5 { scroll-margin-top: 0.625rem; }
:root .scroll-mt-3 { scroll-margin-top: 0.75rem; }
:root .scroll-mt-3\.5 { scroll-margin-top: 0.875rem; }
:root .scroll-mt-4 { scroll-margin-top: 1rem; }
:root .scroll-mt-5 { scroll-margin-top: 1.25rem; }
:root .scroll-mt-6 { scroll-margin-top: 1.5rem; }
:root .scroll-mt-8 { scroll-margin-top: 2rem; }
:root .scroll-mt-10 { scroll-margin-top: 2.5rem; }
:root .scroll-mt-12 { scroll-margin-top: 3rem; }
:root .scroll-mt-16 { scroll-margin-top: 4rem; }
:root .scroll-mt-20 { scroll-margin-top: 5rem; }
:root .scroll-mt-24 { scroll-margin-top: 6rem; }
:root .scroll-mr-0 { scroll-margin-right: 0; }
:root .scroll-mr-px { scroll-margin-right: 1px; }
:root .scroll-mr-0\.5 { scroll-margin-right: 0.125rem; }
:root .scroll-mr-1 { scroll-margin-right: 0.25rem; }
:root .scroll-mr-1\.5 { scroll-margin-right: 0.375rem; }
:root .scroll-mr-2 { scroll-margin-right: 0.5rem; }
:root .scroll-mr-2\.5 { scroll-margin-right: 0.625rem; }
:root .scroll-mr-3 { scroll-margin-right: 0.75rem; }
:root .scroll-mr-3\.5 { scroll-margin-right: 0.875rem; }
:root .scroll-mr-4 { scroll-margin-right: 1rem; }
:root .scroll-mr-5 { scroll-margin-right: 1.25rem; }
:root .scroll-mr-6 { scroll-margin-right: 1.5rem; }
:root .scroll-mr-8 { scroll-margin-right: 2rem; }
:root .scroll-mr-10 { scroll-margin-right: 2.5rem; }
:root .scroll-mr-12 { scroll-margin-right: 3rem; }
:root .scroll-mr-16 { scroll-margin-right: 4rem; }
:root .scroll-mr-20 { scroll-margin-right: 5rem; }
:root .scroll-mr-24 { scroll-margin-right: 6rem; }
:root .scroll-mb-0 { scroll-margin-bottom: 0; }
:root .scroll-mb-px { scroll-margin-bottom: 1px; }
:root .scroll-mb-0\.5 { scroll-margin-bottom: 0.125rem; }
:root .scroll-mb-1 { scroll-margin-bottom: 0.25rem; }
:root .scroll-mb-1\.5 { scroll-margin-bottom: 0.375rem; }
:root .scroll-mb-2 { scroll-margin-bottom: 0.5rem; }
:root .scroll-mb-2\.5 { scroll-margin-bottom: 0.625rem; }
:root .scroll-mb-3 { scroll-margin-bottom: 0.75rem; }
:root .scroll-mb-3\.5 { scroll-margin-bottom: 0.875rem; }
:root .scroll-mb-4 { scroll-margin-bottom: 1rem; }
:root .scroll-mb-5 { scroll-margin-bottom: 1.25rem; }
:root .scroll-mb-6 { scroll-margin-bottom: 1.5rem; }
:root .scroll-mb-8 { scroll-margin-bottom: 2rem; }
:root .scroll-mb-10 { scroll-margin-bottom: 2.5rem; }
:root .scroll-mb-12 { scroll-margin-bottom: 3rem; }
:root .scroll-mb-16 { scroll-margin-bottom: 4rem; }
:root .scroll-mb-20 { scroll-margin-bottom: 5rem; }
:root .scroll-mb-24 { scroll-margin-bottom: 6rem; }
:root .scroll-ml-0 { scroll-margin-left: 0; }
:root .scroll-ml-px { scroll-margin-left: 1px; }
:root .scroll-ml-0\.5 { scroll-margin-left: 0.125rem; }
:root .scroll-ml-1 { scroll-margin-left: 0.25rem; }
:root .scroll-ml-1\.5 { scroll-margin-left: 0.375rem; }
:root .scroll-ml-2 { scroll-margin-left: 0.5rem; }
:root .scroll-ml-2\.5 { scroll-margin-left: 0.625rem; }
:root .scroll-ml-3 { scroll-margin-left: 0.75rem; }
:root .scroll-ml-3\.5 { scroll-margin-left: 0.875rem; }
:root .scroll-ml-4 { scroll-margin-left: 1rem; }
:root .scroll-ml-5 { scroll-margin-left: 1.25rem; }
:root .scroll-ml-6 { scroll-margin-left: 1.5rem; }
:root .scroll-ml-8 { scroll-margin-left: 2rem; }
:root .scroll-ml-10 { scroll-margin-left: 2.5rem; }
:root .scroll-ml-12 { scroll-margin-left: 3rem; }
:root .scroll-ml-16 { scroll-margin-left: 4rem; }
:root .scroll-ml-20 { scroll-margin-left: 5rem; }
:root .scroll-ml-24 { scroll-margin-left: 6rem; }
:root .scroll-mx-0 { scroll-margin-right: 0; scroll-margin-left: 0; }
:root .scroll-mx-px { scroll-margin-right: 1px; scroll-margin-left: 1px; }
:root .scroll-mx-0\.5 { scroll-margin-right: 0.125rem; scroll-margin-left: 0.125rem; }
:root .scroll-mx-1 { scroll-margin-right: 0.25rem; scroll-margin-left: 0.25rem; }
:root .scroll-mx-1\.5 { scroll-margin-right: 0.375rem; scroll-margin-left: 0.375rem; }
:root .scroll-mx-2 { scroll-margin-right: 0.5rem; scroll-margin-left: 0.5rem; }
:root .scroll-mx-2\.5 { scroll-margin-right: 0.625rem; scroll-margin-left: 0.625rem; }
:root .scroll-mx-3 { scroll-margin-right: 0.75rem; scroll-margin-left: 0.75rem; }
:root .scroll-mx-3\.5 { scroll-margin-right: 0.875rem; scroll-margin-left: 0.875rem; }
:root .scroll-mx-4 { scroll-margin-right: 1rem; scroll-margin-left: 1rem; }
:root .scroll-mx-5 { scroll-margin-right: 1.25rem; scroll-margin-left: 1.25rem; }
:root .scroll-mx-6 { scroll-margin-right: 1.5rem; scroll-margin-left: 1.5rem; }
:root .scroll-mx-8 { scroll-margin-right: 2rem; scroll-margin-left: 2rem; }
:root .scroll-mx-10 { scroll-margin-right: 2.5rem; scroll-margin-left: 2.5rem; }
:root .scroll-mx-12 { scroll-margin-right: 3rem; scroll-margin-left: 3rem; }
:root .scroll-mx-16 { scroll-margin-right: 4rem; scroll-margin-left: 4rem; }
:root .scroll-mx-20 { scroll-margin-right: 5rem; scroll-margin-left: 5rem; }
:root .scroll-mx-24 { scroll-margin-right: 6rem; scroll-margin-left: 6rem; }
:root .scroll-my-0 { scroll-margin-top: 0; scroll-margin-bottom: 0; }
:root .scroll-my-px { scroll-margin-top: 1px; scroll-margin-bottom: 1px; }
:root .scroll-my-0\.5 { scroll-margin-top: 0.125rem; scroll-margin-bottom: 0.125rem; }
:root .scroll-my-1 { scroll-margin-top: 0.25rem; scroll-margin-bottom: 0.25rem; }
:root .scroll-my-1\.5 { scroll-margin-top: 0.375rem; scroll-margin-bottom: 0.375rem; }
:root .scroll-my-2 { scroll-margin-top: 0.5rem; scroll-margin-bottom: 0.5rem; }
:root .scroll-my-2\.5 { scroll-margin-top: 0.625rem; scroll-margin-bottom: 0.625rem; }
:root .scroll-my-3 { scroll-margin-top: 0.75rem; scroll-margin-bottom: 0.75rem; }
:root .scroll-my-3\.5 { scroll-margin-top: 0.875rem; scroll-margin-bottom: 0.875rem; }
:root .scroll-my-4 { scroll-margin-top: 1rem; scroll-margin-bottom: 1rem; }
:root .scroll-my-5 { scroll-margin-top: 1.25rem; scroll-margin-bottom: 1.25rem; }
:root .scroll-my-6 { scroll-margin-top: 1.5rem; scroll-margin-bottom: 1.5rem; }
:root .scroll-my-8 { scroll-margin-top: 2rem; scroll-margin-bottom: 2rem; }
:root .scroll-my-10 { scroll-margin-top: 2.5rem; scroll-margin-bottom: 2.5rem; }
:root .scroll-my-12 { scroll-margin-top: 3rem; scroll-margin-bottom: 3rem; }
:root .scroll-my-16 { scroll-margin-top: 4rem; scroll-margin-bottom: 4rem; }
:root .scroll-my-20 { scroll-margin-top: 5rem; scroll-margin-bottom: 5rem; }
:root .scroll-my-24 { scroll-margin-top: 6rem; scroll-margin-bottom: 6rem; }
:root .scroll-p-0 { scroll-padding: 0; }
:root .scroll-p-px { scroll-padding: 1px; }
:root .scroll-p-0\.5 { scroll-padding: 0.125rem; }
:root .scroll-p-1 { scroll-padding: 0.25rem; }
:root .scroll-p-1\.5 { scroll-padding: 0.375rem; }
:root .scroll-p-2 { scroll-padding: 0.5rem; }
:root .scroll-p-2\.5 { scroll-padding: 0.625rem; }
:root .scroll-p-3 { scroll-padding: 0.75rem; }
:root .scroll-p-3\.5 { scroll-padding: 0.875rem; }
:root .scroll-p-4 { scroll-padding: 1rem; }
:root .scroll-p-5 { scroll-padding: 1.25rem; }
:root .scroll-p-6 { scroll-padding: 1.5rem; }
:root .scroll-p-8 { scroll-padding: 2rem; }
:root .scroll-p-10 { scroll-padding: 2.5rem; }
:root .scroll-p-12 { scroll-padding: 3rem; }
:root .scroll-p-16 { scroll-padding: 4rem; }
:root .scroll-p-20 { scroll-padding: 5rem; }
:root .scroll-p-24 { scroll-padding: 6rem; }
:root .scroll-pt-0 { scroll-padding-top: 0; }
:root .scroll-pt-px { scroll-padding-top: 1px; }
:root .scroll-pt-0\.5 { scroll-padding-top: 0.125rem; }
:root .scroll-pt-1 { scroll-padding-top: 0.25rem; }
:root .scroll-pt-1\.5 { scroll-padding-top: 0.375rem; }
:root .scroll-pt-2 { scroll-padding-top: 0.5rem; }
:root .scroll-pt-2\.5 { scroll-padding-top: 0.625rem; }
:root .scroll-pt-3 { scroll-padding-top: 0.75rem; }
:root .scroll-pt-3\.5 { scroll-padding-top: 0.875rem; }
:root .scroll-pt-4 { scroll-padding-top: 1rem; }
:root .scroll-pt-5 { scroll-padding-top: 1.25rem; }
:root .scroll-pt-6 { scroll-padding-top: 1.5rem; }
:root .scroll-pt-8 { scroll-padding-top: 2rem; }
:root .scroll-pt-10 { scroll-padding-top: 2.5rem; }
:root .scroll-pt-12 { scroll-padding-top: 3rem; }
:root .scroll-pt-16 { scroll-padding-top: 4rem; }
:root .scroll-pt-20 { scroll-padding-top: 5rem; }
:root .scroll-pt-24 { scroll-padding-top: 6rem; }
:root .scroll-pr-0 { scroll-padding-right: 0; }
:root .scroll-pr-px { scroll-padding-right: 1px; }
:root .scroll-pr-0\.5 { scroll-padding-right: 0.125rem; }
:root .scroll-pr-1 { scroll-padding-right: 0.25rem; }
:root .scroll-pr-1\.5 { scroll-padding-right: 0.375rem; }
:root .scroll-pr-2 { scroll-padding-right: 0.5rem; }
:root .scroll-pr-2\.5 { scroll-padding-right: 0.625rem; }
:root .scroll-pr-3 { scroll-padding-right: 0.75rem; }
:root .scroll-pr-3\.5 { scroll-padding-right: 0.875rem; }
:root .scroll-pr-4 { scroll-padding-right: 1rem; }
:root .scroll-pr-5 { scroll-padding-right: 1.25rem; }
:root .scroll-pr-6 { scroll-padding-right: 1.5rem; }
:root .scroll-pr-8 { scroll-padding-right: 2rem; }
:root .scroll-pr-10 { scroll-padding-right: 2.5rem; }
:root .scroll-pr-12 { scroll-padding-right: 3rem; }
:root .scroll-pr-16 { scroll-padding-right: 4rem; }
:root .scroll-pr-20 { scroll-padding-right: 5rem; }
:root .scroll-pr-24 { scroll-padding-right: 6rem; }
:root .scroll-pb-0 { scroll-padding-bottom: 0; }
:root .scroll-pb-px { scroll-padding-bottom: 1px; }
:root .scroll-pb-0\.5 { scroll-padding-bottom: 0.125rem; }
:root .scroll-pb-1 { scroll-padding-bottom: 0.25rem; }
:root .scroll-pb-1\.5 { scroll-padding-bottom: 0.375rem; }
:root .scroll-pb-2 { scroll-padding-bottom: 0.5rem; }
:root .scroll-pb-2\.5 { scroll-padding-bottom: 0.625rem; }
:root .scroll-pb-3 { scroll-padding-bottom: 0.75rem; }
:root .scroll-pb-3\.5 { scroll-padding-bottom: 0.875rem; }
:root .scroll-pb-4 { scroll-padding-bottom: 1rem; }
:root .scroll-pb-5 { scroll-padding-bottom: 1.25rem; }
:root .scroll-pb-6 { scroll-padding-bottom: 1.5rem; }
:root .scroll-pb-8 { scroll-padding-bottom: 2rem; }
:root .scroll-pb-10 { scroll-padding-bottom: 2.5rem; }
:root .scroll-pb-12 { scroll-padding-bottom: 3rem; }
:root .scroll-pb-16 { scroll-padding-bottom: 4rem; }
:root .scroll-pb-20 { scroll-padding-bottom: 5rem; }
:root .scroll-pb-24 { scroll-padding-bottom: 6rem; }
:root .scroll-pl-0 { scroll-padding-left: 0; }
:root .scroll-pl-px { scroll-padding-left: 1px; }
:root .scroll-pl-0\.5 { scroll-padding-left: 0.125rem; }
:root .scroll-pl-1 { scroll-padding-left: 0.25rem; }
:root .scroll-pl-1\.5 { scroll-padding-left: 0.375rem; }
:root .scroll-pl-2 { scroll-padding-left: 0.5rem; }
:root .scroll-pl-2\.5 { scroll-padding-left: 0.625rem; }
:root .scroll-pl-3 { scroll-padding-left: 0.75rem; }
:root .scroll-pl-3\.5 { scroll-padding-left: 0.875rem; }
:root .scroll-pl-4 { scroll-padding-left: 1rem; }
:root .scroll-pl-5 { scroll-padding-left: 1.25rem; }
:root .scroll-pl-6 { scroll-padding-left: 1.5rem; }
:root .scroll-pl-8 { scroll-padding-left: 2rem; }
:root .scroll-pl-10 { scroll-padding-left: 2.5rem; }
:root .scroll-pl-12 { scroll-padding-left: 3rem; }
:root .scroll-pl-16 { scroll-padding-left: 4rem; }
:root .scroll-pl-20 { scroll-padding-left: 5rem; }
:root .scroll-pl-24 { scroll-padding-left: 6rem; }
:root .scroll-px-0 { scroll-padding-right: 0; scroll-padding-left: 0; }
:root .scroll-px-px { scroll-padding-right: 1px; scroll-padding-left: 1px; }
:root .scroll-px-0\.5 { scroll-padding-right: 0.125rem; scroll-padding-left: 0.125rem; }
:root .scroll-px-1 { scroll-padding-right: 0.25rem; scroll-padding-left: 0.25rem; }
:root .scroll-px-1\.5 { scroll-padding-right: 0.375rem; scroll-padding-left: 0.375rem; }
:root .scroll-px-2 { scroll-padding-right: 0.5rem; scroll-padding-left: 0.5rem; }
:root .scroll-px-2\.5 { scroll-padding-right: 0.625rem; scroll-padding-left: 0.625rem; }
:root .scroll-px-3 { scroll-padding-right: 0.75rem; scroll-padding-left: 0.75rem; }
:root .scroll-px-3\.5 { scroll-padding-right: 0.875rem; scroll-padding-left: 0.875rem; }
:root .scroll-px-4 { scroll-padding-right: 1rem; scroll-padding-left: 1rem; }
:root .scroll-px-5 { scroll-padding-right: 1.25rem; scroll-padding-left: 1.25rem; }
:root .scroll-px-6 { scroll-padding-right: 1.5rem; scroll-padding-left: 1.5rem; }
:root .scroll-px-8 { scroll-padding-right: 2rem; scroll-padding-left: 2rem; }
:root .scroll-px-10 { scroll-padding-right: 2.5rem; scroll-padding-left: 2.5rem; }
:root .scroll-px-12 { scroll-padding-right: 3rem; scroll-padding-left: 3rem; }
:root .scroll-px-16 { scroll-padding-right: 4rem; scroll-padding-left: 4rem; }
:root .scroll-px-20 { scroll-padding-right: 5rem; scroll-padding-left: 5rem; }
:root .scroll-px-24 { scroll-padding-right: 6rem; scroll-padding-left: 6rem; }
:root .scroll-py-0 { scroll-padding-top: 0; scroll-padding-bottom: 0; }
:root .scroll-py-px { scroll-padding-top: 1px; scroll-padding-bottom: 1px; }
:root .scroll-py-0\.5 { scroll-padding-top: 0.125rem; scroll-padding-bottom: 0.125rem; }
:root .scroll-py-1 { scroll-padding-top: 0.25rem; scroll-padding-bottom: 0.25rem; }
:root .scroll-py-1\.5 { scroll-padding-top: 0.375rem; scroll-padding-bottom: 0.375rem; }
:root .scroll-py-2 { scroll-padding-top: 0.5rem; scroll-padding-bottom: 0.5rem; }
:root .scroll-py-2\.5 { scroll-padding-top: 0.625rem; scroll-padding-bottom: 0.625rem; }
:root .scroll-py-3 { scroll-padding-top: 0.75rem; scroll-padding-bottom: 0.75rem; }
:root .scroll-py-3\.5 { scroll-padding-top: 0.875rem; scroll-padding-bottom: 0.875rem; }
:root .scroll-py-4 { scroll-padding-top: 1rem; scroll-padding-bottom: 1rem; }
:root .scroll-py-5 { scroll-padding-top: 1.25rem; scroll-padding-bottom: 1.25rem; }
:root .scroll-py-6 { scroll-padding-top: 1.5rem; scroll-padding-bottom: 1.5rem; }
:root .scroll-py-8 { scroll-padding-top: 2rem; scroll-padding-bottom: 2rem; }
:root .scroll-py-10 { scroll-padding-top: 2.5rem; scroll-padding-bottom: 2.5rem; }
:root .scroll-py-12 { scroll-padding-top: 3rem; scroll-padding-bottom: 3rem; }
:root .scroll-py-16 { scroll-padding-top: 4rem; scroll-padding-bottom: 4rem; }
:root .scroll-py-20 { scroll-padding-top: 5rem; scroll-padding-bottom: 5rem; }
:root .scroll-py-24 { scroll-padding-top: 6rem; scroll-padding-bottom: 6rem; }
:root .overscroll-auto { overscroll-behavior: auto; }
:root .overscroll-x-auto { overscroll-behavior-x: auto; }
:root .overscroll-y-auto { overscroll-behavior-y: auto; }
:root .overscroll-contain { overscroll-behavior: contain; }
:root .overscroll-x-contain { overscroll-behavior-x: contain; }
:root .overscroll-y-contain { overscroll-behavior-y: contain; }
:root .overscroll-none { overscroll-behavior: none; }
:root .overscroll-x-none { overscroll-behavior-x: none; }
:root .overscroll-y-none { overscroll-behavior-y: none; }
:root .touch-auto { touch-action: auto; }
:root .touch-none { touch-action: none; }
:root .touch-pan-x { touch-action: pan-x; }
:root .touch-pan-left { touch-action: pan-left; }
:root .touch-pan-right { touch-action: pan-right; }
:root .touch-pan-y { touch-action: pan-y; }
:root .touch-pan-up { touch-action: pan-up; }
:root .touch-pan-down { touch-action: pan-down; }
:root .touch-pinch-zoom { touch-action: pinch-zoom; }
:root .touch-manipulation { touch-action: manipulation; }
:root .select-none { user-select: none; }
:root .select-text { user-select: text; }
:root .select-all { user-select: all; }
:root .select-auto { user-select: auto; }
:root .pointer-events-none { pointer-events: none; }
:root .pointer-events-auto { pointer-events: auto; }
:root .will-change-auto { will-change: auto; }
:root .will-change-scroll { will-change: scroll-position; }
:root .will-change-contents { will-change: contents; }
:root .will-change-transform { will-change: transform; }
:root .text-ellipsis { text-overflow: ellipsis; }
:root .text-clip { text-overflow: clip; }
:root .break-normal { overflow-wrap: normal; word-break: normal; }
:root .break-words { overflow-wrap: break-word; }
:root .break-all { word-break: break-all; }
:root .break-keep { word-break: keep-all; }
:root .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
:root .subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; }
:root .normal-nums { font-variant-numeric: normal; }
:root .ordinal { font-variant-numeric: ordinal; }
:root .slashed-zero { font-variant-numeric: slashed-zero; }
:root .lining-nums { font-variant-numeric: lining-nums; }
:root .oldstyle-nums { font-variant-numeric: oldstyle-nums; }
:root .proportional-nums { font-variant-numeric: proportional-nums; }
:root .tabular-nums { font-variant-numeric: tabular-nums; }
:root .diagonal-fractions { font-variant-numeric: diagonal-fractions; }
:root .stacked-fractions { font-variant-numeric: stacked-fractions; }
:root .backdrop-brightness-0 { backdrop-filter: brightness(0%); -webkit-backdrop-filter: brightness(0%); }
:root .backdrop-brightness-50 { backdrop-filter: brightness(50%); -webkit-backdrop-filter: brightness(50%); }
:root .backdrop-brightness-75 { backdrop-filter: brightness(75%); -webkit-backdrop-filter: brightness(75%); }
:root .backdrop-brightness-90 { backdrop-filter: brightness(90%); -webkit-backdrop-filter: brightness(90%); }
:root .backdrop-brightness-95 { backdrop-filter: brightness(95%); -webkit-backdrop-filter: brightness(95%); }
:root .backdrop-brightness-100 { backdrop-filter: brightness(100%); -webkit-backdrop-filter: brightness(100%); }
:root .backdrop-brightness-105 { backdrop-filter: brightness(105%); -webkit-backdrop-filter: brightness(105%); }
:root .backdrop-brightness-110 { backdrop-filter: brightness(110%); -webkit-backdrop-filter: brightness(110%); }
:root .backdrop-brightness-125 { backdrop-filter: brightness(125%); -webkit-backdrop-filter: brightness(125%); }
:root .backdrop-brightness-150 { backdrop-filter: brightness(150%); -webkit-backdrop-filter: brightness(150%); }
:root .backdrop-brightness-200 { backdrop-filter: brightness(200%); -webkit-backdrop-filter: brightness(200%); }
:root .backdrop-contrast-0 { backdrop-filter: contrast(0%); -webkit-backdrop-filter: contrast(0%); }
:root .backdrop-contrast-50 { backdrop-filter: contrast(50%); -webkit-backdrop-filter: contrast(50%); }
:root .backdrop-contrast-75 { backdrop-filter: contrast(75%); -webkit-backdrop-filter: contrast(75%); }
:root .backdrop-contrast-100 { backdrop-filter: contrast(100%); -webkit-backdrop-filter: contrast(100%); }
:root .backdrop-contrast-125 { backdrop-filter: contrast(125%); -webkit-backdrop-filter: contrast(125%); }
:root .backdrop-contrast-150 { backdrop-filter: contrast(150%); -webkit-backdrop-filter: contrast(150%); }
:root .backdrop-contrast-200 { backdrop-filter: contrast(200%); -webkit-backdrop-filter: contrast(200%); }
:root .backdrop-grayscale-0 { backdrop-filter: grayscale(0); -webkit-backdrop-filter: grayscale(0); }
:root .backdrop-grayscale { backdrop-filter: grayscale(100%); -webkit-backdrop-filter: grayscale(100%); }
:root .backdrop-hue-rotate-0 { backdrop-filter: hue-rotate(0deg); -webkit-backdrop-filter: hue-rotate(0deg); }
:root .backdrop-hue-rotate-15 { backdrop-filter: hue-rotate(15deg); -webkit-backdrop-filter: hue-rotate(15deg); }
:root .-backdrop-hue-rotate-15 { backdrop-filter: hue-rotate(-15deg); -webkit-backdrop-filter: hue-rotate(-15deg); }
:root .backdrop-hue-rotate-30 { backdrop-filter: hue-rotate(30deg); -webkit-backdrop-filter: hue-rotate(30deg); }
:root .-backdrop-hue-rotate-30 { backdrop-filter: hue-rotate(-30deg); -webkit-backdrop-filter: hue-rotate(-30deg); }
:root .backdrop-hue-rotate-60 { backdrop-filter: hue-rotate(60deg); -webkit-backdrop-filter: hue-rotate(60deg); }
:root .-backdrop-hue-rotate-60 { backdrop-filter: hue-rotate(-60deg); -webkit-backdrop-filter: hue-rotate(-60deg); }
:root .backdrop-hue-rotate-90 { backdrop-filter: hue-rotate(90deg); -webkit-backdrop-filter: hue-rotate(90deg); }
:root .-backdrop-hue-rotate-90 { backdrop-filter: hue-rotate(-90deg); -webkit-backdrop-filter: hue-rotate(-90deg); }
:root .backdrop-hue-rotate-180 { backdrop-filter: hue-rotate(180deg); -webkit-backdrop-filter: hue-rotate(180deg); }
:root .-backdrop-hue-rotate-180 { backdrop-filter: hue-rotate(-180deg); -webkit-backdrop-filter: hue-rotate(-180deg); }
:root .backdrop-invert-0 { backdrop-filter: invert(0); -webkit-backdrop-filter: invert(0); }
:root .backdrop-invert { backdrop-filter: invert(100%); -webkit-backdrop-filter: invert(100%); }
:root .backdrop-opacity-0 { backdrop-filter: opacity(0%); -webkit-backdrop-filter: opacity(0%); }
:root .backdrop-opacity-5 { backdrop-filter: opacity(5%); -webkit-backdrop-filter: opacity(5%); }
:root .backdrop-opacity-10 { backdrop-filter: opacity(10%); -webkit-backdrop-filter: opacity(10%); }
:root .backdrop-opacity-20 { backdrop-filter: opacity(20%); -webkit-backdrop-filter: opacity(20%); }
:root .backdrop-opacity-25 { backdrop-filter: opacity(25%); -webkit-backdrop-filter: opacity(25%); }
:root .backdrop-opacity-30 { backdrop-filter: opacity(30%); -webkit-backdrop-filter: opacity(30%); }
:root .backdrop-opacity-40 { backdrop-filter: opacity(40%); -webkit-backdrop-filter: opacity(40%); }
:root .backdrop-opacity-50 { backdrop-filter: opacity(50%); -webkit-backdrop-filter: opacity(50%); }
:root .backdrop-opacity-60 { backdrop-filter: opacity(60%); -webkit-backdrop-filter: opacity(60%); }
:root .backdrop-opacity-70 { backdrop-filter: opacity(70%); -webkit-backdrop-filter: opacity(70%); }
:root .backdrop-opacity-75 { backdrop-filter: opacity(75%); -webkit-backdrop-filter: opacity(75%); }
:root .backdrop-opacity-80 { backdrop-filter: opacity(80%); -webkit-backdrop-filter: opacity(80%); }
:root .backdrop-opacity-90 { backdrop-filter: opacity(90%); -webkit-backdrop-filter: opacity(90%); }
:root .backdrop-opacity-95 { backdrop-filter: opacity(95%); -webkit-backdrop-filter: opacity(95%); }
:root .backdrop-opacity-100 { backdrop-filter: opacity(100%); -webkit-backdrop-filter: opacity(100%); }
:root .backdrop-saturate-0 { backdrop-filter: saturate(0%); -webkit-backdrop-filter: saturate(0%); }
:root .backdrop-saturate-50 { backdrop-filter: saturate(50%); -webkit-backdrop-filter: saturate(50%); }
:root .backdrop-saturate-100 { backdrop-filter: saturate(100%); -webkit-backdrop-filter: saturate(100%); }
:root .backdrop-saturate-150 { backdrop-filter: saturate(150%); -webkit-backdrop-filter: saturate(150%); }
:root .backdrop-saturate-200 { backdrop-filter: saturate(200%); -webkit-backdrop-filter: saturate(200%); }
:root .backdrop-sepia-0 { backdrop-filter: sepia(0); -webkit-backdrop-filter: sepia(0); }
:root .backdrop-sepia { backdrop-filter: sepia(100%); -webkit-backdrop-filter: sepia(100%); }
:root .break-before-auto { break-before: auto; }
:root .break-after-auto { break-after: auto; }
:root .break-before-avoid { break-before: avoid; }
:root .break-after-avoid { break-after: avoid; }
:root .break-before-all { break-before: all; }
:root .break-after-all { break-after: all; }
:root .break-before-avoid-page { break-before: avoid-page; }
:root .break-after-avoid-page { break-after: avoid-page; }
:root .break-before-page { break-before: page; }
:root .break-after-page { break-after: page; }
:root .break-before-left { break-before: left; }
:root .break-after-left { break-after: left; }
:root .break-before-right { break-before: right; }
:root .break-after-right { break-after: right; }
:root .break-before-column { break-before: column; }
:root .break-after-column { break-after: column; }
:root .break-inside-auto { break-inside: auto; }
:root .break-inside-avoid { break-inside: avoid; }
:root .break-inside-avoid-page { break-inside: avoid-page; }
:root .break-inside-avoid-column { break-inside: avoid-column; }
:root .grid-flow-row { grid-auto-flow: row; }
:root .grid-flow-col { grid-auto-flow: column; }
:root .grid-flow-row-dense { grid-auto-flow: row dense; }
:root .grid-flow-col-dense { grid-auto-flow: column dense; }
:root .grid-flow-dense { grid-auto-flow: dense; }
:root .auto-cols-auto { grid-auto-columns: auto; }
:root .auto-rows-auto { grid-auto-rows: auto; }
:root .auto-cols-min { grid-auto-columns: min-content; }
:root .auto-rows-min { grid-auto-rows: min-content; }
:root .auto-cols-max { grid-auto-columns: max-content; }
:root .auto-rows-max { grid-auto-rows: max-content; }
:root .auto-cols-fr { grid-auto-columns: minmax(0, 1fr); }
:root .auto-rows-fr { grid-auto-rows: minmax(0, 1fr); }
:root .justify-self-auto { justify-self: auto; }
:root .place-items-start { place-items: start; }
:root .place-items-end { place-items: end; }
:root .place-items-center { place-items: center; }
:root .place-items-stretch { place-items: stretch; }
:root .place-items-baseline { place-items: baseline; }
:root .place-content-start { place-content: start; }
:root .place-content-end { place-content: end; }
:root .place-content-center { place-content: center; }
:root .place-content-between { place-content: space-between; }
:root .place-content-around { place-content: space-around; }
:root .place-content-evenly { place-content: space-evenly; }
:root .place-content-stretch { place-content: stretch; }
:root .place-content-baseline { place-content: baseline; }
:root .place-self-auto { place-self: auto; }
:root .place-self-start { place-self: start; }
:root .place-self-end { place-self: end; }
:root .place-self-center { place-self: center; }
:root .place-self-stretch { place-self: stretch; }
:root .divide-solid > :not([hidden]) ~ :not([hidden]) { border-style: solid; }
:root .divide-dashed > :not([hidden]) ~ :not([hidden]) { border-style: dashed; }
:root .divide-dotted > :not([hidden]) ~ :not([hidden]) { border-style: dotted; }
:root .divide-double > :not([hidden]) ~ :not([hidden]) { border-style: double; }
:root .divide-none > :not([hidden]) ~ :not([hidden]) { border-style: none; }
:root .ps-0 { padding-inline-start: 0; }
:root .ps-px { padding-inline-start: 1px; }
:root .ps-0\.5 { padding-inline-start: 0.125rem; }
:root .ps-1 { padding-inline-start: 0.25rem; }
:root .ps-1\.5 { padding-inline-start: 0.375rem; }
:root .ps-2 { padding-inline-start: 0.5rem; }
:root .ps-2\.5 { padding-inline-start: 0.625rem; }
:root .ps-3 { padding-inline-start: 0.75rem; }
:root .ps-3\.5 { padding-inline-start: 0.875rem; }
:root .ps-4 { padding-inline-start: 1rem; }
:root .ps-5 { padding-inline-start: 1.25rem; }
:root .ps-6 { padding-inline-start: 1.5rem; }
:root .ps-7 { padding-inline-start: 1.75rem; }
:root .ps-8 { padding-inline-start: 2rem; }
:root .ps-9 { padding-inline-start: 2.25rem; }
:root .ps-10 { padding-inline-start: 2.5rem; }
:root .ps-11 { padding-inline-start: 2.75rem; }
:root .ps-12 { padding-inline-start: 3rem; }
:root .ps-14 { padding-inline-start: 3.5rem; }
:root .ps-16 { padding-inline-start: 4rem; }
:root .ps-20 { padding-inline-start: 5rem; }
:root .ps-24 { padding-inline-start: 6rem; }
:root .ps-28 { padding-inline-start: 7rem; }
:root .ps-32 { padding-inline-start: 8rem; }
:root .ps-36 { padding-inline-start: 9rem; }
:root .ps-40 { padding-inline-start: 10rem; }
:root .ps-44 { padding-inline-start: 11rem; }
:root .ps-48 { padding-inline-start: 12rem; }
:root .ps-52 { padding-inline-start: 13rem; }
:root .ps-56 { padding-inline-start: 14rem; }
:root .ps-60 { padding-inline-start: 15rem; }
:root .ps-64 { padding-inline-start: 16rem; }
:root .ps-72 { padding-inline-start: 18rem; }
:root .ps-80 { padding-inline-start: 20rem; }
:root .ps-96 { padding-inline-start: 24rem; }
:root .pe-0 { padding-inline-end: 0; }
:root .pe-px { padding-inline-end: 1px; }
:root .pe-0\.5 { padding-inline-end: 0.125rem; }
:root .pe-1 { padding-inline-end: 0.25rem; }
:root .pe-1\.5 { padding-inline-end: 0.375rem; }
:root .pe-2 { padding-inline-end: 0.5rem; }
:root .pe-2\.5 { padding-inline-end: 0.625rem; }
:root .pe-3 { padding-inline-end: 0.75rem; }
:root .pe-3\.5 { padding-inline-end: 0.875rem; }
:root .pe-4 { padding-inline-end: 1rem; }
:root .pe-5 { padding-inline-end: 1.25rem; }
:root .pe-6 { padding-inline-end: 1.5rem; }
:root .pe-7 { padding-inline-end: 1.75rem; }
:root .pe-8 { padding-inline-end: 2rem; }
:root .pe-9 { padding-inline-end: 2.25rem; }
:root .pe-10 { padding-inline-end: 2.5rem; }
:root .pe-11 { padding-inline-end: 2.75rem; }
:root .pe-12 { padding-inline-end: 3rem; }
:root .pe-14 { padding-inline-end: 3.5rem; }
:root .pe-16 { padding-inline-end: 4rem; }
:root .pe-20 { padding-inline-end: 5rem; }
:root .pe-24 { padding-inline-end: 6rem; }
:root .pe-28 { padding-inline-end: 7rem; }
:root .pe-32 { padding-inline-end: 8rem; }
:root .pe-36 { padding-inline-end: 9rem; }
:root .pe-40 { padding-inline-end: 10rem; }
:root .pe-44 { padding-inline-end: 11rem; }
:root .pe-48 { padding-inline-end: 12rem; }
:root .pe-52 { padding-inline-end: 13rem; }
:root .pe-56 { padding-inline-end: 14rem; }
:root .pe-60 { padding-inline-end: 15rem; }
:root .pe-64 { padding-inline-end: 16rem; }
:root .pe-72 { padding-inline-end: 18rem; }
:root .pe-80 { padding-inline-end: 20rem; }
:root .pe-96 { padding-inline-end: 24rem; }
:root .ms-0 { margin-inline-start: 0; }
:root .ms-px { margin-inline-start: 1px; }
:root .ms-0\.5 { margin-inline-start: 0.125rem; }
:root .ms-1 { margin-inline-start: 0.25rem; }
:root .ms-1\.5 { margin-inline-start: 0.375rem; }
:root .ms-2 { margin-inline-start: 0.5rem; }
:root .ms-2\.5 { margin-inline-start: 0.625rem; }
:root .ms-3 { margin-inline-start: 0.75rem; }
:root .ms-3\.5 { margin-inline-start: 0.875rem; }
:root .ms-4 { margin-inline-start: 1rem; }
:root .ms-5 { margin-inline-start: 1.25rem; }
:root .ms-6 { margin-inline-start: 1.5rem; }
:root .ms-7 { margin-inline-start: 1.75rem; }
:root .ms-8 { margin-inline-start: 2rem; }
:root .ms-9 { margin-inline-start: 2.25rem; }
:root .ms-10 { margin-inline-start: 2.5rem; }
:root .ms-11 { margin-inline-start: 2.75rem; }
:root .ms-12 { margin-inline-start: 3rem; }
:root .ms-14 { margin-inline-start: 3.5rem; }
:root .ms-16 { margin-inline-start: 4rem; }
:root .ms-20 { margin-inline-start: 5rem; }
:root .ms-24 { margin-inline-start: 6rem; }
:root .ms-28 { margin-inline-start: 7rem; }
:root .ms-32 { margin-inline-start: 8rem; }
:root .ms-36 { margin-inline-start: 9rem; }
:root .ms-40 { margin-inline-start: 10rem; }
:root .ms-44 { margin-inline-start: 11rem; }
:root .ms-48 { margin-inline-start: 12rem; }
:root .ms-52 { margin-inline-start: 13rem; }
:root .ms-56 { margin-inline-start: 14rem; }
:root .ms-60 { margin-inline-start: 15rem; }
:root .ms-64 { margin-inline-start: 16rem; }
:root .ms-72 { margin-inline-start: 18rem; }
:root .ms-80 { margin-inline-start: 20rem; }
:root .ms-96 { margin-inline-start: 24rem; }
:root .me-0 { margin-inline-end: 0; }
:root .me-px { margin-inline-end: 1px; }
:root .me-0\.5 { margin-inline-end: 0.125rem; }
:root .me-1 { margin-inline-end: 0.25rem; }
:root .me-1\.5 { margin-inline-end: 0.375rem; }
:root .me-2 { margin-inline-end: 0.5rem; }
:root .me-2\.5 { margin-inline-end: 0.625rem; }
:root .me-3 { margin-inline-end: 0.75rem; }
:root .me-3\.5 { margin-inline-end: 0.875rem; }
:root .me-4 { margin-inline-end: 1rem; }
:root .me-5 { margin-inline-end: 1.25rem; }
:root .me-6 { margin-inline-end: 1.5rem; }
:root .me-7 { margin-inline-end: 1.75rem; }
:root .me-8 { margin-inline-end: 2rem; }
:root .me-9 { margin-inline-end: 2.25rem; }
:root .me-10 { margin-inline-end: 2.5rem; }
:root .me-11 { margin-inline-end: 2.75rem; }
:root .me-12 { margin-inline-end: 3rem; }
:root .me-14 { margin-inline-end: 3.5rem; }
:root .me-16 { margin-inline-end: 4rem; }
:root .me-20 { margin-inline-end: 5rem; }
:root .me-24 { margin-inline-end: 6rem; }
:root .me-28 { margin-inline-end: 7rem; }
:root .me-32 { margin-inline-end: 8rem; }
:root .me-36 { margin-inline-end: 9rem; }
:root .me-40 { margin-inline-end: 10rem; }
:root .me-44 { margin-inline-end: 11rem; }
:root .me-48 { margin-inline-end: 12rem; }
:root .me-52 { margin-inline-end: 13rem; }
:root .me-56 { margin-inline-end: 14rem; }
:root .me-60 { margin-inline-end: 15rem; }
:root .me-64 { margin-inline-end: 16rem; }
:root .me-72 { margin-inline-end: 18rem; }
:root .me-80 { margin-inline-end: 20rem; }
:root .me-96 { margin-inline-end: 24rem; }
:root .start-0 { inset-inline-start: 0; }
:root .start-px { inset-inline-start: 1px; }
:root .start-0\.5 { inset-inline-start: 0.125rem; }
:root .start-1 { inset-inline-start: 0.25rem; }
:root .start-1\.5 { inset-inline-start: 0.375rem; }
:root .start-2 { inset-inline-start: 0.5rem; }
:root .start-2\.5 { inset-inline-start: 0.625rem; }
:root .start-3 { inset-inline-start: 0.75rem; }
:root .start-3\.5 { inset-inline-start: 0.875rem; }
:root .start-4 { inset-inline-start: 1rem; }
:root .start-5 { inset-inline-start: 1.25rem; }
:root .start-6 { inset-inline-start: 1.5rem; }
:root .start-7 { inset-inline-start: 1.75rem; }
:root .start-8 { inset-inline-start: 2rem; }
:root .start-9 { inset-inline-start: 2.25rem; }
:root .start-10 { inset-inline-start: 2.5rem; }
:root .start-11 { inset-inline-start: 2.75rem; }
:root .start-12 { inset-inline-start: 3rem; }
:root .start-14 { inset-inline-start: 3.5rem; }
:root .start-16 { inset-inline-start: 4rem; }
:root .start-20 { inset-inline-start: 5rem; }
:root .start-24 { inset-inline-start: 6rem; }
:root .start-28 { inset-inline-start: 7rem; }
:root .start-32 { inset-inline-start: 8rem; }
:root .start-36 { inset-inline-start: 9rem; }
:root .start-40 { inset-inline-start: 10rem; }
:root .start-44 { inset-inline-start: 11rem; }
:root .start-48 { inset-inline-start: 12rem; }
:root .start-52 { inset-inline-start: 13rem; }
:root .start-56 { inset-inline-start: 14rem; }
:root .start-60 { inset-inline-start: 15rem; }
:root .start-64 { inset-inline-start: 16rem; }
:root .start-72 { inset-inline-start: 18rem; }
:root .start-80 { inset-inline-start: 20rem; }
:root .start-96 { inset-inline-start: 24rem; }
:root .start-auto { inset-inline-start: auto; }
:root .start-full { inset-inline-start: 100%; }
:root .end-0 { inset-inline-end: 0; }
:root .end-px { inset-inline-end: 1px; }
:root .end-0\.5 { inset-inline-end: 0.125rem; }
:root .end-1 { inset-inline-end: 0.25rem; }
:root .end-1\.5 { inset-inline-end: 0.375rem; }
:root .end-2 { inset-inline-end: 0.5rem; }
:root .end-2\.5 { inset-inline-end: 0.625rem; }
:root .end-3 { inset-inline-end: 0.75rem; }
:root .end-3\.5 { inset-inline-end: 0.875rem; }
:root .end-4 { inset-inline-end: 1rem; }
:root .end-5 { inset-inline-end: 1.25rem; }
:root .end-6 { inset-inline-end: 1.5rem; }
:root .end-7 { inset-inline-end: 1.75rem; }
:root .end-8 { inset-inline-end: 2rem; }
:root .end-9 { inset-inline-end: 2.25rem; }
:root .end-10 { inset-inline-end: 2.5rem; }
:root .end-11 { inset-inline-end: 2.75rem; }
:root .end-12 { inset-inline-end: 3rem; }
:root .end-14 { inset-inline-end: 3.5rem; }
:root .end-16 { inset-inline-end: 4rem; }
:root .end-20 { inset-inline-end: 5rem; }
:root .end-24 { inset-inline-end: 6rem; }
:root .end-28 { inset-inline-end: 7rem; }
:root .end-32 { inset-inline-end: 8rem; }
:root .end-36 { inset-inline-end: 9rem; }
:root .end-40 { inset-inline-end: 10rem; }
:root .end-44 { inset-inline-end: 11rem; }
:root .end-48 { inset-inline-end: 12rem; }
:root .end-52 { inset-inline-end: 13rem; }
:root .end-56 { inset-inline-end: 14rem; }
:root .end-60 { inset-inline-end: 15rem; }
:root .end-64 { inset-inline-end: 16rem; }
:root .end-72 { inset-inline-end: 18rem; }
:root .end-80 { inset-inline-end: 20rem; }
:root .end-96 { inset-inline-end: 24rem; }
:root .end-auto { inset-inline-end: auto; }
:root .end-full { inset-inline-end: 100%; }
:root .border-s-0 { border-inline-start-width: 0; }
:root .border-s-2 { border-inline-start-width: 2px; }
:root .border-s-4 { border-inline-start-width: 4px; }
:root .border-s-8 { border-inline-start-width: 8px; }
:root .border-s { border-inline-start-width: 1px; }
:root .border-e-0 { border-inline-end-width: 0; }
:root .border-e-2 { border-inline-end-width: 2px; }
:root .border-e-4 { border-inline-end-width: 4px; }
:root .border-e-8 { border-inline-end-width: 8px; }
:root .border-e { border-inline-end-width: 1px; }
:root .rounded-s-none { border-start-start-radius: 0; border-end-start-radius: 0; }
:root .rounded-s-xs { border-start-start-radius: 0.125rem; border-end-start-radius: 0.125rem; }
:root .rounded-s-sm { border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; }
:root .rounded-s { border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; }
:root .rounded-s-md { border-start-start-radius: 0.375rem; border-end-start-radius: 0.375rem; }
:root .rounded-s-lg { border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; }
:root .rounded-s-xl { border-start-start-radius: 0.75rem; border-end-start-radius: 0.75rem; }
:root .rounded-s-2xl { border-start-start-radius: 1rem; border-end-start-radius: 1rem; }
:root .rounded-s-3xl { border-start-start-radius: 1.5rem; border-end-start-radius: 1.5rem; }
:root .rounded-s-4xl { border-start-start-radius: 2rem; border-end-start-radius: 2rem; }
:root .rounded-s-full { border-start-start-radius: 9999px; border-end-start-radius: 9999px; }
:root .rounded-e-none { border-start-end-radius: 0; border-end-end-radius: 0; }
:root .rounded-e-xs { border-start-end-radius: 0.125rem; border-end-end-radius: 0.125rem; }
:root .rounded-e-sm { border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; }
:root .rounded-e { border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; }
:root .rounded-e-md { border-start-end-radius: 0.375rem; border-end-end-radius: 0.375rem; }
:root .rounded-e-lg { border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; }
:root .rounded-e-xl { border-start-end-radius: 0.75rem; border-end-end-radius: 0.75rem; }
:root .rounded-e-2xl { border-start-end-radius: 1rem; border-end-end-radius: 1rem; }
:root .rounded-e-3xl { border-start-end-radius: 1.5rem; border-end-end-radius: 1.5rem; }
:root .rounded-e-4xl { border-start-end-radius: 2rem; border-end-end-radius: 2rem; }
:root .rounded-e-full { border-start-end-radius: 9999px; border-end-end-radius: 9999px; }
:root .rounded-ss-none { border-start-start-radius: 0; }
:root .rounded-ss-xs { border-start-start-radius: 0.125rem; }
:root .rounded-ss-sm { border-start-start-radius: 0.25rem; }
:root .rounded-ss { border-start-start-radius: 0.25rem; }
:root .rounded-ss-md { border-start-start-radius: 0.375rem; }
:root .rounded-ss-lg { border-start-start-radius: 0.5rem; }
:root .rounded-ss-xl { border-start-start-radius: 0.75rem; }
:root .rounded-ss-2xl { border-start-start-radius: 1rem; }
:root .rounded-ss-3xl { border-start-start-radius: 1.5rem; }
:root .rounded-ss-4xl { border-start-start-radius: 2rem; }
:root .rounded-ss-full { border-start-start-radius: 9999px; }
:root .rounded-se-none { border-start-end-radius: 0; }
:root .rounded-se-xs { border-start-end-radius: 0.125rem; }
:root .rounded-se-sm { border-start-end-radius: 0.25rem; }
:root .rounded-se { border-start-end-radius: 0.25rem; }
:root .rounded-se-md { border-start-end-radius: 0.375rem; }
:root .rounded-se-lg { border-start-end-radius: 0.5rem; }
:root .rounded-se-xl { border-start-end-radius: 0.75rem; }
:root .rounded-se-2xl { border-start-end-radius: 1rem; }
:root .rounded-se-3xl { border-start-end-radius: 1.5rem; }
:root .rounded-se-4xl { border-start-end-radius: 2rem; }
:root .rounded-se-full { border-start-end-radius: 9999px; }
:root .rounded-es-none { border-end-start-radius: 0; }
:root .rounded-es-xs { border-end-start-radius: 0.125rem; }
:root .rounded-es-sm { border-end-start-radius: 0.25rem; }
:root .rounded-es { border-end-start-radius: 0.25rem; }
:root .rounded-es-md { border-end-start-radius: 0.375rem; }
:root .rounded-es-lg { border-end-start-radius: 0.5rem; }
:root .rounded-es-xl { border-end-start-radius: 0.75rem; }
:root .rounded-es-2xl { border-end-start-radius: 1rem; }
:root .rounded-es-3xl { border-end-start-radius: 1.5rem; }
:root .rounded-es-4xl { border-end-start-radius: 2rem; }
:root .rounded-es-full { border-end-start-radius: 9999px; }
:root .rounded-ee-none { border-end-end-radius: 0; }
:root .rounded-ee-xs { border-end-end-radius: 0.125rem; }
:root .rounded-ee-sm { border-end-end-radius: 0.25rem; }
:root .rounded-ee { border-end-end-radius: 0.25rem; }
:root .rounded-ee-md { border-end-end-radius: 0.375rem; }
:root .rounded-ee-lg { border-end-end-radius: 0.5rem; }
:root .rounded-ee-xl { border-end-end-radius: 0.75rem; }
:root .rounded-ee-2xl { border-end-end-radius: 1rem; }
:root .rounded-ee-3xl { border-end-end-radius: 1.5rem; }
:root .rounded-ee-4xl { border-end-end-radius: 2rem; }
:root .rounded-ee-full { border-end-end-radius: 9999px; }
:root .h-dvh { height: 100dvh; }
:root .h-svh { height: 100svh; }
:root .h-lvh { height: 100lvh; }
:root .h-dvw { height: 100dvw; }
:root .h-svw { height: 100svw; }
:root .h-lvw { height: 100lvw; }
:root .min-h-dvh { min-height: 100dvh; }
:root .min-h-svh { min-height: 100svh; }
:root .min-h-lvh { min-height: 100lvh; }
:root .min-h-dvw { min-height: 100dvw; }
:root .min-h-svw { min-height: 100svw; }
:root .min-h-lvw { min-height: 100lvw; }
:root .max-h-dvh { max-height: 100dvh; }
:root .max-h-svh { max-height: 100svh; }
:root .max-h-lvh { max-height: 100lvh; }
:root .max-h-dvw { max-height: 100dvw; }
:root .max-h-svw { max-height: 100svw; }
:root .max-h-lvw { max-height: 100lvw; }
:root .w-dvh { width: 100dvh; }
:root .w-svh { width: 100svh; }
:root .w-lvh { width: 100lvh; }
:root .w-dvw { width: 100dvw; }
:root .w-svw { width: 100svw; }
:root .w-lvw { width: 100lvw; }
:root .min-w-dvh { min-width: 100dvh; }
:root .min-w-svh { min-width: 100svh; }
:root .min-w-lvh { min-width: 100lvh; }
:root .min-w-dvw { min-width: 100dvw; }
:root .min-w-svw { min-width: 100svw; }
:root .min-w-lvw { min-width: 100lvw; }
:root .max-w-dvh { max-width: 100dvh; }
:root .max-w-svh { max-width: 100svh; }
:root .max-w-lvh { max-width: 100lvh; }
:root .max-w-dvw { max-width: 100dvw; }
:root .max-w-svw { max-width: 100svw; }
:root .max-w-lvw { max-width: 100lvw; }
:root .size-dvh { width: 100dvh; height: 100dvh; }
:root .size-svh { width: 100svh; height: 100svh; }
:root .size-lvh { width: 100lvh; height: 100lvh; }
:root .size-dvw { width: 100dvw; height: 100dvw; }
:root .size-svw { width: 100svw; height: 100svw; }
:root .size-lvw { width: 100lvw; height: 100lvw; }
:root .text-shadow-2xs { text-shadow: 0 1px 0 rgb(0 0 0 / 0.15); }
:root .text-shadow-xs { text-shadow: 0 1px 1px rgb(0 0 0 / 0.2); }
:root .text-shadow-sm { text-shadow: 0 1px 2px rgb(0 0 0 / 0.25); }
:root .text-shadow-md { text-shadow: 0 2px 4px rgb(0 0 0 / 0.25); }
:root .text-shadow-lg { text-shadow: 0 4px 6px rgb(0 0 0 / 0.25); }
:root .text-shadow-xl { text-shadow: 0 4px 12px rgb(0 0 0 / 0.3); }
:root .text-shadow-2xl { text-shadow: 0 6px 16px rgb(0 0 0 / 0.35); }
:root .text-shadow-none { text-shadow: none; }
:root .size-1\/2 { width: 50%; height: 50%; }
:root .size-1\/3 { width: 33.333333%; height: 33.333333%; }
:root .size-2\/3 { width: 66.666667%; height: 66.666667%; }
:root .size-1\/4 { width: 25%; height: 25%; }
:root .size-3\/4 { width: 75%; height: 75%; }
:root .size-1\/5 { width: 20%; height: 20%; }
:root .size-2\/5 { width: 40%; height: 40%; }
:root .size-3\/5 { width: 60%; height: 60%; }
:root .size-4\/5 { width: 80%; height: 80%; }
:root .inset-ring-0 { box-shadow: none; }
:root .inset-ring-1 { box-shadow: inset 0 0 0 1px currentColor; }
:root .inset-ring-2 { box-shadow: inset 0 0 0 2px currentColor; }
:root .inset-ring-4 { box-shadow: inset 0 0 0 4px currentColor; }
:root .inset-ring-8 { box-shadow: inset 0 0 0 8px currentColor; }
:root .inset-ring { box-shadow: inset 0 0 0 1px currentColor; }
:root .field-sizing-content { field-sizing: content; }
:root .field-sizing-fixed { field-sizing: fixed; }
:root .perspective-none { perspective: none; }
:root .perspective-250 { perspective: 250px; }
:root .perspective-500 { perspective: 500px; }
:root .perspective-750 { perspective: 750px; }
:root .perspective-1000 { perspective: 1000px; }
:root .perspective-1500 { perspective: 1500px; }
:root .perspective-origin-center { perspective-origin: center; }
:root .perspective-origin-top { perspective-origin: top; }
:root .perspective-origin-top-right { perspective-origin: top right; }
:root .perspective-origin-right { perspective-origin: right; }
:root .perspective-origin-bottom-right { perspective-origin: bottom right; }
:root .perspective-origin-bottom { perspective-origin: bottom; }
:root .perspective-origin-bottom-left { perspective-origin: bottom left; }
:root .perspective-origin-left { perspective-origin: left; }
:root .perspective-origin-top-left { perspective-origin: top left; }
:root .transform-3d { transform-style: preserve-3d; }
:root .transform-flat { transform-style: flat; }
:root .backface-visible { backface-visibility: visible; }
:root .backface-hidden { backface-visibility: hidden; }
:root .bg-linear-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); }
:root .bg-linear-to-tr { background-image: linear-gradient(to top right, var(--tw-gradient-stops)); }
:root .bg-linear-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
:root .bg-linear-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }
:root .bg-linear-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); }
:root .bg-linear-to-bl { background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); }
:root .bg-linear-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)); }
:root .bg-linear-to-tl { background-image: linear-gradient(to top left, var(--tw-gradient-stops)); }
:root .bg-linear-0 { background-image: linear-gradient(0deg, var(--tw-gradient-stops)); }
:root .bg-linear-45 { background-image: linear-gradient(45deg, var(--tw-gradient-stops)); }
:root .bg-linear-90 { background-image: linear-gradient(90deg, var(--tw-gradient-stops)); }
:root .bg-linear-135 { background-image: linear-gradient(135deg, var(--tw-gradient-stops)); }
:root .bg-linear-180 { background-image: linear-gradient(180deg, var(--tw-gradient-stops)); }
:root .bg-linear-225 { background-image: linear-gradient(225deg, var(--tw-gradient-stops)); }
:root .bg-linear-270 { background-image: linear-gradient(270deg, var(--tw-gradient-stops)); }
:root .bg-linear-315 { background-image: linear-gradient(315deg, var(--tw-gradient-stops)); }
:root .bg-radial { background-image: radial-gradient(var(--tw-gradient-stops)); }
:root .bg-conic { background-image: conic-gradient(var(--tw-gradient-stops)); }
:root .scheme-normal { color-scheme: normal; }
:root .scheme-dark { color-scheme: dark; }
:root .scheme-light { color-scheme: light; }
:root .scheme-light-dark { color-scheme: light dark; }
:root .scheme-only-dark { color-scheme: only dark; }
:root .scheme-only-light { color-scheme: only light; }
:root .transition-discrete { transition-behavior: allow-discrete; }
:root .transition-normal { transition-behavior: normal; }
:root .interpolate-size-allow-keywords { interpolate-size: allow-keywords; }
:root .interpolate-size-numeric-only { interpolate-size: numeric-only; }
:root .\@container { container-type: inline-size; }
:root .\@container-normal { container-type: normal; }
:root .container-type-size { container-type: size; }
:root .container-type-inline-size { container-type: inline-size; }
:root .container-type-normal { container-type: normal; }
:root .bg-primary-50 { background: var(--spectra-chromatic1-1); }
:root .bg-primary-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .bg-primary-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .bg-primary-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .bg-primary-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .bg-primary-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .bg-primary-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .bg-primary-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .bg-primary-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .bg-primary-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .text-primary-50 { color: var(--spectra-chromatic1-1); -webkit-text-fill-color: var(--spectra-chromatic1-1); }
:root .text-primary-50\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .text-primary-50\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .text-primary-50\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .text-primary-50\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .text-primary-50\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .text-primary-50\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .text-primary-50\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .text-primary-50\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .text-primary-50\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .border-primary-50 { border-color: var(--spectra-chromatic1-1); }
:root .border-primary-50\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .border-primary-50\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .border-primary-50\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .border-primary-50\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .border-primary-50\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .border-primary-50\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .border-primary-50\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .border-primary-50\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .border-primary-50\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .outline-primary-50 { outline-color: var(--spectra-chromatic1-1); }
:root .outline-primary-50\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .outline-primary-50\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .outline-primary-50\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .outline-primary-50\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .outline-primary-50\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .outline-primary-50\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .outline-primary-50\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .outline-primary-50\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .outline-primary-50\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .overlay-primary-50 { background: var(--spectra-chromatic1-1); }
:root .overlay-primary-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .overlay-primary-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .overlay-primary-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .overlay-primary-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .overlay-primary-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .overlay-primary-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .overlay-primary-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .overlay-primary-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .overlay-primary-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .fill-primary-50 { fill: var(--spectra-chromatic1-1); }
:root .fill-primary-50\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .fill-primary-50\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .fill-primary-50\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .fill-primary-50\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .fill-primary-50\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .fill-primary-50\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .fill-primary-50\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .fill-primary-50\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .fill-primary-50\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .stroke-primary-50 { stroke: var(--spectra-chromatic1-1); }
:root .stroke-primary-50\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .stroke-primary-50\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .stroke-primary-50\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .stroke-primary-50\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .stroke-primary-50\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .stroke-primary-50\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .stroke-primary-50\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .stroke-primary-50\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .stroke-primary-50\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .border-t-primary-50 { border-top-color: var(--spectra-chromatic1-1); }
:root .border-t-primary-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .border-t-primary-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .border-t-primary-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .border-t-primary-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .border-t-primary-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .border-t-primary-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .border-t-primary-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .border-t-primary-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .border-t-primary-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .border-r-primary-50 { border-right-color: var(--spectra-chromatic1-1); }
:root .border-r-primary-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .border-r-primary-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .border-r-primary-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .border-r-primary-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .border-r-primary-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .border-r-primary-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .border-r-primary-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .border-r-primary-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .border-r-primary-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .border-b-primary-50 { border-bottom-color: var(--spectra-chromatic1-1); }
:root .border-b-primary-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .border-b-primary-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .border-b-primary-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .border-b-primary-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .border-b-primary-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .border-b-primary-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .border-b-primary-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .border-b-primary-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .border-b-primary-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .border-l-primary-50 { border-left-color: var(--spectra-chromatic1-1); }
:root .border-l-primary-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .border-l-primary-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .border-l-primary-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .border-l-primary-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .border-l-primary-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .border-l-primary-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .border-l-primary-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .border-l-primary-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .border-l-primary-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .border-x-primary-50 { border-left-color: var(--spectra-chromatic1-1); border-right-color: var(--spectra-chromatic1-1); }
:root .border-x-primary-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .border-x-primary-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .border-x-primary-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .border-x-primary-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .border-x-primary-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .border-x-primary-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .border-x-primary-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .border-x-primary-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .border-x-primary-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .border-y-primary-50 { border-top-color: var(--spectra-chromatic1-1); border-bottom-color: var(--spectra-chromatic1-1); }
:root .border-y-primary-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .border-y-primary-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .border-y-primary-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .border-y-primary-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .border-y-primary-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .border-y-primary-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .border-y-primary-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .border-y-primary-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .border-y-primary-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .ring-primary-50 { --tw-ring-color: var(--spectra-chromatic1-1); }
:root .ring-offset-primary-50 { --tw-ring-offset-color: var(--spectra-chromatic1-1); }
:root .bg-primary-100 { background: var(--spectra-chromatic1-2); }
:root .bg-primary-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .bg-primary-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .bg-primary-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .bg-primary-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .bg-primary-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .bg-primary-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .bg-primary-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .bg-primary-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .bg-primary-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .text-primary-100 { color: var(--spectra-chromatic1-2); -webkit-text-fill-color: var(--spectra-chromatic1-2); }
:root .text-primary-100\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .text-primary-100\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .text-primary-100\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .text-primary-100\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .text-primary-100\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .text-primary-100\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .text-primary-100\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .text-primary-100\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .text-primary-100\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .border-primary-100 { border-color: var(--spectra-chromatic1-2); }
:root .border-primary-100\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .border-primary-100\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .border-primary-100\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .border-primary-100\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .border-primary-100\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .border-primary-100\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .border-primary-100\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .border-primary-100\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .border-primary-100\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .outline-primary-100 { outline-color: var(--spectra-chromatic1-2); }
:root .outline-primary-100\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .outline-primary-100\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .outline-primary-100\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .outline-primary-100\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .outline-primary-100\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .outline-primary-100\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .outline-primary-100\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .outline-primary-100\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .outline-primary-100\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .overlay-primary-100 { background: var(--spectra-chromatic1-2); }
:root .overlay-primary-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .overlay-primary-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .overlay-primary-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .overlay-primary-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .overlay-primary-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .overlay-primary-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .overlay-primary-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .overlay-primary-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .overlay-primary-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .fill-primary-100 { fill: var(--spectra-chromatic1-2); }
:root .fill-primary-100\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .fill-primary-100\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .fill-primary-100\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .fill-primary-100\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .fill-primary-100\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .fill-primary-100\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .fill-primary-100\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .fill-primary-100\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .fill-primary-100\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .stroke-primary-100 { stroke: var(--spectra-chromatic1-2); }
:root .stroke-primary-100\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .stroke-primary-100\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .stroke-primary-100\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .stroke-primary-100\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .stroke-primary-100\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .stroke-primary-100\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .stroke-primary-100\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .stroke-primary-100\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .stroke-primary-100\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .border-t-primary-100 { border-top-color: var(--spectra-chromatic1-2); }
:root .border-t-primary-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .border-t-primary-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .border-t-primary-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .border-t-primary-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .border-t-primary-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .border-t-primary-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .border-t-primary-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .border-t-primary-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .border-t-primary-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .border-r-primary-100 { border-right-color: var(--spectra-chromatic1-2); }
:root .border-r-primary-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .border-r-primary-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .border-r-primary-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .border-r-primary-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .border-r-primary-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .border-r-primary-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .border-r-primary-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .border-r-primary-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .border-r-primary-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .border-b-primary-100 { border-bottom-color: var(--spectra-chromatic1-2); }
:root .border-b-primary-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .border-b-primary-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .border-b-primary-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .border-b-primary-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .border-b-primary-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .border-b-primary-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .border-b-primary-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .border-b-primary-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .border-b-primary-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .border-l-primary-100 { border-left-color: var(--spectra-chromatic1-2); }
:root .border-l-primary-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .border-l-primary-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .border-l-primary-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .border-l-primary-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .border-l-primary-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .border-l-primary-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .border-l-primary-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .border-l-primary-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .border-l-primary-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .border-x-primary-100 { border-left-color: var(--spectra-chromatic1-2); border-right-color: var(--spectra-chromatic1-2); }
:root .border-x-primary-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .border-x-primary-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .border-x-primary-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .border-x-primary-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .border-x-primary-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .border-x-primary-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .border-x-primary-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .border-x-primary-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .border-x-primary-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .border-y-primary-100 { border-top-color: var(--spectra-chromatic1-2); border-bottom-color: var(--spectra-chromatic1-2); }
:root .border-y-primary-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .border-y-primary-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .border-y-primary-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .border-y-primary-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .border-y-primary-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .border-y-primary-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .border-y-primary-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .border-y-primary-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .border-y-primary-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .ring-primary-100 { --tw-ring-color: var(--spectra-chromatic1-2); }
:root .ring-offset-primary-100 { --tw-ring-offset-color: var(--spectra-chromatic1-2); }
:root .bg-primary-200 { background: var(--spectra-chromatic1-3); }
:root .bg-primary-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .bg-primary-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .bg-primary-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .bg-primary-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .bg-primary-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .bg-primary-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .bg-primary-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .bg-primary-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .bg-primary-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .text-primary-200 { color: var(--spectra-chromatic1-3); -webkit-text-fill-color: var(--spectra-chromatic1-3); }
:root .text-primary-200\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .text-primary-200\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .text-primary-200\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .text-primary-200\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .text-primary-200\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .text-primary-200\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .text-primary-200\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .text-primary-200\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .text-primary-200\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .border-primary-200 { border-color: var(--spectra-chromatic1-3); }
:root .border-primary-200\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .border-primary-200\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .border-primary-200\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .border-primary-200\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .border-primary-200\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .border-primary-200\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .border-primary-200\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .border-primary-200\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .border-primary-200\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .outline-primary-200 { outline-color: var(--spectra-chromatic1-3); }
:root .outline-primary-200\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .outline-primary-200\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .outline-primary-200\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .outline-primary-200\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .outline-primary-200\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .outline-primary-200\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .outline-primary-200\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .outline-primary-200\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .outline-primary-200\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .overlay-primary-200 { background: var(--spectra-chromatic1-3); }
:root .overlay-primary-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .overlay-primary-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .overlay-primary-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .overlay-primary-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .overlay-primary-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .overlay-primary-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .overlay-primary-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .overlay-primary-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .overlay-primary-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .fill-primary-200 { fill: var(--spectra-chromatic1-3); }
:root .fill-primary-200\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .fill-primary-200\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .fill-primary-200\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .fill-primary-200\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .fill-primary-200\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .fill-primary-200\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .fill-primary-200\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .fill-primary-200\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .fill-primary-200\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .stroke-primary-200 { stroke: var(--spectra-chromatic1-3); }
:root .stroke-primary-200\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .stroke-primary-200\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .stroke-primary-200\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .stroke-primary-200\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .stroke-primary-200\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .stroke-primary-200\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .stroke-primary-200\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .stroke-primary-200\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .stroke-primary-200\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .border-t-primary-200 { border-top-color: var(--spectra-chromatic1-3); }
:root .border-t-primary-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .border-t-primary-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .border-t-primary-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .border-t-primary-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .border-t-primary-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .border-t-primary-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .border-t-primary-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .border-t-primary-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .border-t-primary-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .border-r-primary-200 { border-right-color: var(--spectra-chromatic1-3); }
:root .border-r-primary-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .border-r-primary-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .border-r-primary-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .border-r-primary-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .border-r-primary-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .border-r-primary-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .border-r-primary-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .border-r-primary-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .border-r-primary-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .border-b-primary-200 { border-bottom-color: var(--spectra-chromatic1-3); }
:root .border-b-primary-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .border-b-primary-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .border-b-primary-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .border-b-primary-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .border-b-primary-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .border-b-primary-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .border-b-primary-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .border-b-primary-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .border-b-primary-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .border-l-primary-200 { border-left-color: var(--spectra-chromatic1-3); }
:root .border-l-primary-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .border-l-primary-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .border-l-primary-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .border-l-primary-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .border-l-primary-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .border-l-primary-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .border-l-primary-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .border-l-primary-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .border-l-primary-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .border-x-primary-200 { border-left-color: var(--spectra-chromatic1-3); border-right-color: var(--spectra-chromatic1-3); }
:root .border-x-primary-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .border-x-primary-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .border-x-primary-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .border-x-primary-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .border-x-primary-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .border-x-primary-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .border-x-primary-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .border-x-primary-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .border-x-primary-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .border-y-primary-200 { border-top-color: var(--spectra-chromatic1-3); border-bottom-color: var(--spectra-chromatic1-3); }
:root .border-y-primary-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .border-y-primary-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .border-y-primary-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .border-y-primary-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .border-y-primary-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .border-y-primary-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .border-y-primary-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .border-y-primary-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .border-y-primary-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .ring-primary-200 { --tw-ring-color: var(--spectra-chromatic1-3); }
:root .ring-offset-primary-200 { --tw-ring-offset-color: var(--spectra-chromatic1-3); }
:root .bg-primary-300 { background: var(--spectra-chromatic1-4); }
:root .bg-primary-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .bg-primary-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .bg-primary-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .bg-primary-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .bg-primary-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .bg-primary-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .bg-primary-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .bg-primary-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .bg-primary-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .text-primary-300 { color: var(--spectra-chromatic1-4); -webkit-text-fill-color: var(--spectra-chromatic1-4); }
:root .text-primary-300\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .text-primary-300\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .text-primary-300\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .text-primary-300\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .text-primary-300\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .text-primary-300\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .text-primary-300\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .text-primary-300\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .text-primary-300\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .border-primary-300 { border-color: var(--spectra-chromatic1-4); }
:root .border-primary-300\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .border-primary-300\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .border-primary-300\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .border-primary-300\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .border-primary-300\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .border-primary-300\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .border-primary-300\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .border-primary-300\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .border-primary-300\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .outline-primary-300 { outline-color: var(--spectra-chromatic1-4); }
:root .outline-primary-300\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .outline-primary-300\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .outline-primary-300\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .outline-primary-300\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .outline-primary-300\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .outline-primary-300\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .outline-primary-300\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .outline-primary-300\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .outline-primary-300\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .overlay-primary-300 { background: var(--spectra-chromatic1-4); }
:root .overlay-primary-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .overlay-primary-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .overlay-primary-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .overlay-primary-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .overlay-primary-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .overlay-primary-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .overlay-primary-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .overlay-primary-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .overlay-primary-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .fill-primary-300 { fill: var(--spectra-chromatic1-4); }
:root .fill-primary-300\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .fill-primary-300\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .fill-primary-300\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .fill-primary-300\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .fill-primary-300\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .fill-primary-300\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .fill-primary-300\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .fill-primary-300\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .fill-primary-300\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .stroke-primary-300 { stroke: var(--spectra-chromatic1-4); }
:root .stroke-primary-300\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .stroke-primary-300\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .stroke-primary-300\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .stroke-primary-300\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .stroke-primary-300\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .stroke-primary-300\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .stroke-primary-300\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .stroke-primary-300\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .stroke-primary-300\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .border-t-primary-300 { border-top-color: var(--spectra-chromatic1-4); }
:root .border-t-primary-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .border-t-primary-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .border-t-primary-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .border-t-primary-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .border-t-primary-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .border-t-primary-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .border-t-primary-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .border-t-primary-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .border-t-primary-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .border-r-primary-300 { border-right-color: var(--spectra-chromatic1-4); }
:root .border-r-primary-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .border-r-primary-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .border-r-primary-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .border-r-primary-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .border-r-primary-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .border-r-primary-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .border-r-primary-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .border-r-primary-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .border-r-primary-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .border-b-primary-300 { border-bottom-color: var(--spectra-chromatic1-4); }
:root .border-b-primary-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .border-b-primary-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .border-b-primary-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .border-b-primary-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .border-b-primary-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .border-b-primary-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .border-b-primary-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .border-b-primary-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .border-b-primary-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .border-l-primary-300 { border-left-color: var(--spectra-chromatic1-4); }
:root .border-l-primary-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .border-l-primary-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .border-l-primary-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .border-l-primary-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .border-l-primary-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .border-l-primary-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .border-l-primary-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .border-l-primary-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .border-l-primary-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .border-x-primary-300 { border-left-color: var(--spectra-chromatic1-4); border-right-color: var(--spectra-chromatic1-4); }
:root .border-x-primary-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .border-x-primary-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .border-x-primary-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .border-x-primary-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .border-x-primary-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .border-x-primary-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .border-x-primary-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .border-x-primary-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .border-x-primary-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .border-y-primary-300 { border-top-color: var(--spectra-chromatic1-4); border-bottom-color: var(--spectra-chromatic1-4); }
:root .border-y-primary-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .border-y-primary-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .border-y-primary-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .border-y-primary-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .border-y-primary-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .border-y-primary-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .border-y-primary-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .border-y-primary-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .border-y-primary-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .ring-primary-300 { --tw-ring-color: var(--spectra-chromatic1-4); }
:root .ring-offset-primary-300 { --tw-ring-offset-color: var(--spectra-chromatic1-4); }
:root .bg-primary-400 { background: var(--spectra-chromatic1-5); }
:root .bg-primary-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .bg-primary-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .bg-primary-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .bg-primary-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .bg-primary-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .bg-primary-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .bg-primary-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .bg-primary-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .bg-primary-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .text-primary-400 { color: var(--spectra-chromatic1-5); -webkit-text-fill-color: var(--spectra-chromatic1-5); }
:root .text-primary-400\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .text-primary-400\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .text-primary-400\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .text-primary-400\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .text-primary-400\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .text-primary-400\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .text-primary-400\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .text-primary-400\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .text-primary-400\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .border-primary-400 { border-color: var(--spectra-chromatic1-5); }
:root .border-primary-400\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .border-primary-400\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .border-primary-400\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .border-primary-400\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .border-primary-400\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .border-primary-400\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .border-primary-400\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .border-primary-400\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .border-primary-400\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .outline-primary-400 { outline-color: var(--spectra-chromatic1-5); }
:root .outline-primary-400\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .outline-primary-400\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .outline-primary-400\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .outline-primary-400\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .outline-primary-400\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .outline-primary-400\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .outline-primary-400\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .outline-primary-400\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .outline-primary-400\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .overlay-primary-400 { background: var(--spectra-chromatic1-5); }
:root .overlay-primary-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .overlay-primary-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .overlay-primary-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .overlay-primary-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .overlay-primary-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .overlay-primary-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .overlay-primary-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .overlay-primary-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .overlay-primary-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .fill-primary-400 { fill: var(--spectra-chromatic1-5); }
:root .fill-primary-400\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .fill-primary-400\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .fill-primary-400\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .fill-primary-400\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .fill-primary-400\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .fill-primary-400\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .fill-primary-400\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .fill-primary-400\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .fill-primary-400\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .stroke-primary-400 { stroke: var(--spectra-chromatic1-5); }
:root .stroke-primary-400\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .stroke-primary-400\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .stroke-primary-400\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .stroke-primary-400\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .stroke-primary-400\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .stroke-primary-400\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .stroke-primary-400\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .stroke-primary-400\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .stroke-primary-400\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .border-t-primary-400 { border-top-color: var(--spectra-chromatic1-5); }
:root .border-t-primary-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .border-t-primary-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .border-t-primary-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .border-t-primary-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .border-t-primary-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .border-t-primary-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .border-t-primary-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .border-t-primary-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .border-t-primary-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .border-r-primary-400 { border-right-color: var(--spectra-chromatic1-5); }
:root .border-r-primary-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .border-r-primary-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .border-r-primary-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .border-r-primary-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .border-r-primary-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .border-r-primary-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .border-r-primary-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .border-r-primary-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .border-r-primary-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .border-b-primary-400 { border-bottom-color: var(--spectra-chromatic1-5); }
:root .border-b-primary-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .border-b-primary-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .border-b-primary-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .border-b-primary-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .border-b-primary-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .border-b-primary-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .border-b-primary-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .border-b-primary-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .border-b-primary-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .border-l-primary-400 { border-left-color: var(--spectra-chromatic1-5); }
:root .border-l-primary-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .border-l-primary-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .border-l-primary-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .border-l-primary-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .border-l-primary-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .border-l-primary-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .border-l-primary-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .border-l-primary-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .border-l-primary-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .border-x-primary-400 { border-left-color: var(--spectra-chromatic1-5); border-right-color: var(--spectra-chromatic1-5); }
:root .border-x-primary-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .border-x-primary-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .border-x-primary-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .border-x-primary-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .border-x-primary-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .border-x-primary-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .border-x-primary-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .border-x-primary-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .border-x-primary-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .border-y-primary-400 { border-top-color: var(--spectra-chromatic1-5); border-bottom-color: var(--spectra-chromatic1-5); }
:root .border-y-primary-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .border-y-primary-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .border-y-primary-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .border-y-primary-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .border-y-primary-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .border-y-primary-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .border-y-primary-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .border-y-primary-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .border-y-primary-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .ring-primary-400 { --tw-ring-color: var(--spectra-chromatic1-5); }
:root .ring-offset-primary-400 { --tw-ring-offset-color: var(--spectra-chromatic1-5); }
:root .bg-primary-500 { background: var(--spectra-chromatic1-6); }
:root .bg-primary-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .bg-primary-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .bg-primary-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .bg-primary-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .bg-primary-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .bg-primary-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .bg-primary-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .bg-primary-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .bg-primary-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .text-primary-500 { color: var(--spectra-chromatic1-6); -webkit-text-fill-color: var(--spectra-chromatic1-6); }
:root .text-primary-500\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .text-primary-500\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .text-primary-500\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .text-primary-500\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .text-primary-500\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .text-primary-500\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .text-primary-500\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .text-primary-500\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .text-primary-500\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .border-primary-500 { border-color: var(--spectra-chromatic1-6); }
:root .border-primary-500\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .border-primary-500\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .border-primary-500\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .border-primary-500\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .border-primary-500\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .border-primary-500\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .border-primary-500\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .border-primary-500\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .border-primary-500\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .outline-primary-500 { outline-color: var(--spectra-chromatic1-6); }
:root .outline-primary-500\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .outline-primary-500\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .outline-primary-500\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .outline-primary-500\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .outline-primary-500\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .outline-primary-500\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .outline-primary-500\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .outline-primary-500\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .outline-primary-500\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .overlay-primary-500 { background: var(--spectra-chromatic1-6); }
:root .overlay-primary-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .overlay-primary-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .overlay-primary-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .overlay-primary-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .overlay-primary-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .overlay-primary-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .overlay-primary-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .overlay-primary-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .overlay-primary-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .fill-primary-500 { fill: var(--spectra-chromatic1-6); }
:root .fill-primary-500\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .fill-primary-500\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .fill-primary-500\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .fill-primary-500\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .fill-primary-500\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .fill-primary-500\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .fill-primary-500\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .fill-primary-500\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .fill-primary-500\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .stroke-primary-500 { stroke: var(--spectra-chromatic1-6); }
:root .stroke-primary-500\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .stroke-primary-500\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .stroke-primary-500\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .stroke-primary-500\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .stroke-primary-500\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .stroke-primary-500\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .stroke-primary-500\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .stroke-primary-500\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .stroke-primary-500\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .border-t-primary-500 { border-top-color: var(--spectra-chromatic1-6); }
:root .border-t-primary-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .border-t-primary-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .border-t-primary-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .border-t-primary-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .border-t-primary-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .border-t-primary-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .border-t-primary-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .border-t-primary-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .border-t-primary-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .border-r-primary-500 { border-right-color: var(--spectra-chromatic1-6); }
:root .border-r-primary-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .border-r-primary-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .border-r-primary-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .border-r-primary-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .border-r-primary-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .border-r-primary-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .border-r-primary-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .border-r-primary-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .border-r-primary-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .border-b-primary-500 { border-bottom-color: var(--spectra-chromatic1-6); }
:root .border-b-primary-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .border-b-primary-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .border-b-primary-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .border-b-primary-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .border-b-primary-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .border-b-primary-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .border-b-primary-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .border-b-primary-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .border-b-primary-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .border-l-primary-500 { border-left-color: var(--spectra-chromatic1-6); }
:root .border-l-primary-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .border-l-primary-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .border-l-primary-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .border-l-primary-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .border-l-primary-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .border-l-primary-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .border-l-primary-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .border-l-primary-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .border-l-primary-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .border-x-primary-500 { border-left-color: var(--spectra-chromatic1-6); border-right-color: var(--spectra-chromatic1-6); }
:root .border-x-primary-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .border-x-primary-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .border-x-primary-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .border-x-primary-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .border-x-primary-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .border-x-primary-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .border-x-primary-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .border-x-primary-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .border-x-primary-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .border-y-primary-500 { border-top-color: var(--spectra-chromatic1-6); border-bottom-color: var(--spectra-chromatic1-6); }
:root .border-y-primary-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .border-y-primary-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .border-y-primary-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .border-y-primary-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .border-y-primary-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .border-y-primary-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .border-y-primary-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .border-y-primary-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .border-y-primary-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .ring-primary-500 { --tw-ring-color: var(--spectra-chromatic1-6); }
:root .ring-offset-primary-500 { --tw-ring-offset-color: var(--spectra-chromatic1-6); }
:root .bg-primary-600 { background: var(--spectra-chromatic1-7); }
:root .bg-primary-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .bg-primary-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .bg-primary-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .bg-primary-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .bg-primary-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .bg-primary-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .bg-primary-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .bg-primary-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .bg-primary-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .text-primary-600 { color: var(--spectra-chromatic1-7); -webkit-text-fill-color: var(--spectra-chromatic1-7); }
:root .text-primary-600\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .text-primary-600\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .text-primary-600\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .text-primary-600\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .text-primary-600\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .text-primary-600\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .text-primary-600\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .text-primary-600\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .text-primary-600\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .border-primary-600 { border-color: var(--spectra-chromatic1-7); }
:root .border-primary-600\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .border-primary-600\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .border-primary-600\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .border-primary-600\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .border-primary-600\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .border-primary-600\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .border-primary-600\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .border-primary-600\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .border-primary-600\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .outline-primary-600 { outline-color: var(--spectra-chromatic1-7); }
:root .outline-primary-600\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .outline-primary-600\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .outline-primary-600\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .outline-primary-600\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .outline-primary-600\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .outline-primary-600\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .outline-primary-600\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .outline-primary-600\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .outline-primary-600\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .overlay-primary-600 { background: var(--spectra-chromatic1-7); }
:root .overlay-primary-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .overlay-primary-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .overlay-primary-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .overlay-primary-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .overlay-primary-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .overlay-primary-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .overlay-primary-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .overlay-primary-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .overlay-primary-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .fill-primary-600 { fill: var(--spectra-chromatic1-7); }
:root .fill-primary-600\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .fill-primary-600\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .fill-primary-600\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .fill-primary-600\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .fill-primary-600\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .fill-primary-600\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .fill-primary-600\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .fill-primary-600\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .fill-primary-600\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .stroke-primary-600 { stroke: var(--spectra-chromatic1-7); }
:root .stroke-primary-600\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .stroke-primary-600\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .stroke-primary-600\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .stroke-primary-600\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .stroke-primary-600\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .stroke-primary-600\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .stroke-primary-600\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .stroke-primary-600\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .stroke-primary-600\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .border-t-primary-600 { border-top-color: var(--spectra-chromatic1-7); }
:root .border-t-primary-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .border-t-primary-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .border-t-primary-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .border-t-primary-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .border-t-primary-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .border-t-primary-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .border-t-primary-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .border-t-primary-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .border-t-primary-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .border-r-primary-600 { border-right-color: var(--spectra-chromatic1-7); }
:root .border-r-primary-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .border-r-primary-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .border-r-primary-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .border-r-primary-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .border-r-primary-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .border-r-primary-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .border-r-primary-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .border-r-primary-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .border-r-primary-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .border-b-primary-600 { border-bottom-color: var(--spectra-chromatic1-7); }
:root .border-b-primary-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .border-b-primary-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .border-b-primary-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .border-b-primary-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .border-b-primary-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .border-b-primary-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .border-b-primary-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .border-b-primary-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .border-b-primary-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .border-l-primary-600 { border-left-color: var(--spectra-chromatic1-7); }
:root .border-l-primary-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .border-l-primary-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .border-l-primary-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .border-l-primary-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .border-l-primary-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .border-l-primary-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .border-l-primary-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .border-l-primary-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .border-l-primary-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .border-x-primary-600 { border-left-color: var(--spectra-chromatic1-7); border-right-color: var(--spectra-chromatic1-7); }
:root .border-x-primary-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .border-x-primary-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .border-x-primary-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .border-x-primary-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .border-x-primary-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .border-x-primary-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .border-x-primary-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .border-x-primary-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .border-x-primary-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .border-y-primary-600 { border-top-color: var(--spectra-chromatic1-7); border-bottom-color: var(--spectra-chromatic1-7); }
:root .border-y-primary-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .border-y-primary-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .border-y-primary-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .border-y-primary-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .border-y-primary-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .border-y-primary-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .border-y-primary-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .border-y-primary-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .border-y-primary-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .ring-primary-600 { --tw-ring-color: var(--spectra-chromatic1-7); }
:root .ring-offset-primary-600 { --tw-ring-offset-color: var(--spectra-chromatic1-7); }
:root .bg-primary-700 { background: var(--spectra-chromatic1-8); }
:root .bg-primary-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .bg-primary-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .bg-primary-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .bg-primary-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .bg-primary-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .bg-primary-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .bg-primary-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .bg-primary-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .bg-primary-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .text-primary-700 { color: var(--spectra-chromatic1-8); -webkit-text-fill-color: var(--spectra-chromatic1-8); }
:root .text-primary-700\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .text-primary-700\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .text-primary-700\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .text-primary-700\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .text-primary-700\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .text-primary-700\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .text-primary-700\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .text-primary-700\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .text-primary-700\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .border-primary-700 { border-color: var(--spectra-chromatic1-8); }
:root .border-primary-700\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .border-primary-700\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .border-primary-700\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .border-primary-700\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .border-primary-700\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .border-primary-700\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .border-primary-700\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .border-primary-700\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .border-primary-700\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .outline-primary-700 { outline-color: var(--spectra-chromatic1-8); }
:root .outline-primary-700\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .outline-primary-700\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .outline-primary-700\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .outline-primary-700\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .outline-primary-700\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .outline-primary-700\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .outline-primary-700\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .outline-primary-700\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .outline-primary-700\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .overlay-primary-700 { background: var(--spectra-chromatic1-8); }
:root .overlay-primary-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .overlay-primary-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .overlay-primary-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .overlay-primary-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .overlay-primary-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .overlay-primary-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .overlay-primary-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .overlay-primary-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .overlay-primary-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .fill-primary-700 { fill: var(--spectra-chromatic1-8); }
:root .fill-primary-700\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .fill-primary-700\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .fill-primary-700\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .fill-primary-700\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .fill-primary-700\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .fill-primary-700\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .fill-primary-700\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .fill-primary-700\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .fill-primary-700\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .stroke-primary-700 { stroke: var(--spectra-chromatic1-8); }
:root .stroke-primary-700\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .stroke-primary-700\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .stroke-primary-700\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .stroke-primary-700\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .stroke-primary-700\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .stroke-primary-700\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .stroke-primary-700\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .stroke-primary-700\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .stroke-primary-700\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .border-t-primary-700 { border-top-color: var(--spectra-chromatic1-8); }
:root .border-t-primary-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .border-t-primary-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .border-t-primary-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .border-t-primary-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .border-t-primary-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .border-t-primary-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .border-t-primary-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .border-t-primary-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .border-t-primary-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .border-r-primary-700 { border-right-color: var(--spectra-chromatic1-8); }
:root .border-r-primary-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .border-r-primary-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .border-r-primary-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .border-r-primary-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .border-r-primary-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .border-r-primary-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .border-r-primary-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .border-r-primary-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .border-r-primary-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .border-b-primary-700 { border-bottom-color: var(--spectra-chromatic1-8); }
:root .border-b-primary-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .border-b-primary-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .border-b-primary-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .border-b-primary-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .border-b-primary-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .border-b-primary-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .border-b-primary-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .border-b-primary-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .border-b-primary-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .border-l-primary-700 { border-left-color: var(--spectra-chromatic1-8); }
:root .border-l-primary-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .border-l-primary-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .border-l-primary-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .border-l-primary-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .border-l-primary-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .border-l-primary-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .border-l-primary-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .border-l-primary-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .border-l-primary-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .border-x-primary-700 { border-left-color: var(--spectra-chromatic1-8); border-right-color: var(--spectra-chromatic1-8); }
:root .border-x-primary-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .border-x-primary-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .border-x-primary-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .border-x-primary-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .border-x-primary-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .border-x-primary-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .border-x-primary-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .border-x-primary-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .border-x-primary-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .border-y-primary-700 { border-top-color: var(--spectra-chromatic1-8); border-bottom-color: var(--spectra-chromatic1-8); }
:root .border-y-primary-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .border-y-primary-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .border-y-primary-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .border-y-primary-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .border-y-primary-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .border-y-primary-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .border-y-primary-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .border-y-primary-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .border-y-primary-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .ring-primary-700 { --tw-ring-color: var(--spectra-chromatic1-8); }
:root .ring-offset-primary-700 { --tw-ring-offset-color: var(--spectra-chromatic1-8); }
:root .bg-primary-800 { background: var(--spectra-chromatic1-9); }
:root .bg-primary-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .bg-primary-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .bg-primary-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .bg-primary-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .bg-primary-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .bg-primary-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .bg-primary-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .bg-primary-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .bg-primary-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .text-primary-800 { color: var(--spectra-chromatic1-9); -webkit-text-fill-color: var(--spectra-chromatic1-9); }
:root .text-primary-800\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .text-primary-800\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .text-primary-800\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .text-primary-800\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .text-primary-800\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .text-primary-800\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .text-primary-800\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .text-primary-800\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .text-primary-800\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .border-primary-800 { border-color: var(--spectra-chromatic1-9); }
:root .border-primary-800\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .border-primary-800\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .border-primary-800\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .border-primary-800\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .border-primary-800\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .border-primary-800\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .border-primary-800\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .border-primary-800\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .border-primary-800\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .outline-primary-800 { outline-color: var(--spectra-chromatic1-9); }
:root .outline-primary-800\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .outline-primary-800\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .outline-primary-800\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .outline-primary-800\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .outline-primary-800\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .outline-primary-800\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .outline-primary-800\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .outline-primary-800\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .outline-primary-800\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .overlay-primary-800 { background: var(--spectra-chromatic1-9); }
:root .overlay-primary-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .overlay-primary-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .overlay-primary-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .overlay-primary-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .overlay-primary-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .overlay-primary-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .overlay-primary-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .overlay-primary-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .overlay-primary-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .fill-primary-800 { fill: var(--spectra-chromatic1-9); }
:root .fill-primary-800\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .fill-primary-800\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .fill-primary-800\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .fill-primary-800\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .fill-primary-800\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .fill-primary-800\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .fill-primary-800\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .fill-primary-800\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .fill-primary-800\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .stroke-primary-800 { stroke: var(--spectra-chromatic1-9); }
:root .stroke-primary-800\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .stroke-primary-800\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .stroke-primary-800\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .stroke-primary-800\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .stroke-primary-800\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .stroke-primary-800\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .stroke-primary-800\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .stroke-primary-800\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .stroke-primary-800\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .border-t-primary-800 { border-top-color: var(--spectra-chromatic1-9); }
:root .border-t-primary-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .border-t-primary-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .border-t-primary-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .border-t-primary-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .border-t-primary-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .border-t-primary-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .border-t-primary-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .border-t-primary-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .border-t-primary-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .border-r-primary-800 { border-right-color: var(--spectra-chromatic1-9); }
:root .border-r-primary-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .border-r-primary-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .border-r-primary-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .border-r-primary-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .border-r-primary-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .border-r-primary-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .border-r-primary-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .border-r-primary-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .border-r-primary-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .border-b-primary-800 { border-bottom-color: var(--spectra-chromatic1-9); }
:root .border-b-primary-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .border-b-primary-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .border-b-primary-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .border-b-primary-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .border-b-primary-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .border-b-primary-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .border-b-primary-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .border-b-primary-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .border-b-primary-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .border-l-primary-800 { border-left-color: var(--spectra-chromatic1-9); }
:root .border-l-primary-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .border-l-primary-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .border-l-primary-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .border-l-primary-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .border-l-primary-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .border-l-primary-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .border-l-primary-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .border-l-primary-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .border-l-primary-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .border-x-primary-800 { border-left-color: var(--spectra-chromatic1-9); border-right-color: var(--spectra-chromatic1-9); }
:root .border-x-primary-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .border-x-primary-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .border-x-primary-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .border-x-primary-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .border-x-primary-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .border-x-primary-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .border-x-primary-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .border-x-primary-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .border-x-primary-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .border-y-primary-800 { border-top-color: var(--spectra-chromatic1-9); border-bottom-color: var(--spectra-chromatic1-9); }
:root .border-y-primary-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .border-y-primary-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .border-y-primary-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .border-y-primary-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .border-y-primary-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .border-y-primary-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .border-y-primary-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .border-y-primary-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .border-y-primary-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .ring-primary-800 { --tw-ring-color: var(--spectra-chromatic1-9); }
:root .ring-offset-primary-800 { --tw-ring-offset-color: var(--spectra-chromatic1-9); }
:root .bg-primary-900 { background: var(--spectra-chromatic1-10); }
:root .bg-primary-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .bg-primary-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .bg-primary-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .bg-primary-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .bg-primary-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .bg-primary-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .bg-primary-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .bg-primary-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .bg-primary-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .text-primary-900 { color: var(--spectra-chromatic1-10); -webkit-text-fill-color: var(--spectra-chromatic1-10); }
:root .text-primary-900\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .text-primary-900\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .text-primary-900\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .text-primary-900\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .text-primary-900\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .text-primary-900\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .text-primary-900\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .text-primary-900\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .text-primary-900\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .border-primary-900 { border-color: var(--spectra-chromatic1-10); }
:root .border-primary-900\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .border-primary-900\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .border-primary-900\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .border-primary-900\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .border-primary-900\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .border-primary-900\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .border-primary-900\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .border-primary-900\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .border-primary-900\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .outline-primary-900 { outline-color: var(--spectra-chromatic1-10); }
:root .outline-primary-900\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .outline-primary-900\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .outline-primary-900\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .outline-primary-900\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .outline-primary-900\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .outline-primary-900\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .outline-primary-900\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .outline-primary-900\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .outline-primary-900\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .overlay-primary-900 { background: var(--spectra-chromatic1-10); }
:root .overlay-primary-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .overlay-primary-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .overlay-primary-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .overlay-primary-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .overlay-primary-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .overlay-primary-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .overlay-primary-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .overlay-primary-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .overlay-primary-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .fill-primary-900 { fill: var(--spectra-chromatic1-10); }
:root .fill-primary-900\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .fill-primary-900\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .fill-primary-900\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .fill-primary-900\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .fill-primary-900\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .fill-primary-900\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .fill-primary-900\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .fill-primary-900\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .fill-primary-900\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .stroke-primary-900 { stroke: var(--spectra-chromatic1-10); }
:root .stroke-primary-900\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .stroke-primary-900\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .stroke-primary-900\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .stroke-primary-900\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .stroke-primary-900\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .stroke-primary-900\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .stroke-primary-900\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .stroke-primary-900\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .stroke-primary-900\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .border-t-primary-900 { border-top-color: var(--spectra-chromatic1-10); }
:root .border-t-primary-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .border-t-primary-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .border-t-primary-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .border-t-primary-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .border-t-primary-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .border-t-primary-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .border-t-primary-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .border-t-primary-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .border-t-primary-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .border-r-primary-900 { border-right-color: var(--spectra-chromatic1-10); }
:root .border-r-primary-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .border-r-primary-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .border-r-primary-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .border-r-primary-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .border-r-primary-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .border-r-primary-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .border-r-primary-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .border-r-primary-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .border-r-primary-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .border-b-primary-900 { border-bottom-color: var(--spectra-chromatic1-10); }
:root .border-b-primary-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .border-b-primary-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .border-b-primary-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .border-b-primary-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .border-b-primary-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .border-b-primary-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .border-b-primary-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .border-b-primary-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .border-b-primary-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .border-l-primary-900 { border-left-color: var(--spectra-chromatic1-10); }
:root .border-l-primary-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .border-l-primary-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .border-l-primary-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .border-l-primary-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .border-l-primary-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .border-l-primary-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .border-l-primary-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .border-l-primary-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .border-l-primary-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .border-x-primary-900 { border-left-color: var(--spectra-chromatic1-10); border-right-color: var(--spectra-chromatic1-10); }
:root .border-x-primary-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .border-x-primary-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .border-x-primary-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .border-x-primary-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .border-x-primary-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .border-x-primary-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .border-x-primary-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .border-x-primary-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .border-x-primary-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .border-y-primary-900 { border-top-color: var(--spectra-chromatic1-10); border-bottom-color: var(--spectra-chromatic1-10); }
:root .border-y-primary-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .border-y-primary-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .border-y-primary-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .border-y-primary-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .border-y-primary-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .border-y-primary-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .border-y-primary-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .border-y-primary-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .border-y-primary-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .ring-primary-900 { --tw-ring-color: var(--spectra-chromatic1-10); }
:root .ring-offset-primary-900 { --tw-ring-offset-color: var(--spectra-chromatic1-10); }
:root .bg-primary-950 { background: var(--spectra-chromatic1-11); }
:root .bg-primary-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .bg-primary-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .bg-primary-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .bg-primary-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .bg-primary-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .bg-primary-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .bg-primary-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .bg-primary-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .bg-primary-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .text-primary-950 { color: var(--spectra-chromatic1-11); -webkit-text-fill-color: var(--spectra-chromatic1-11); }
:root .text-primary-950\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .text-primary-950\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .text-primary-950\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .text-primary-950\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .text-primary-950\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .text-primary-950\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .text-primary-950\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .text-primary-950\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .text-primary-950\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .border-primary-950 { border-color: var(--spectra-chromatic1-11); }
:root .border-primary-950\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .border-primary-950\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .border-primary-950\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .border-primary-950\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .border-primary-950\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .border-primary-950\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .border-primary-950\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .border-primary-950\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .border-primary-950\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .outline-primary-950 { outline-color: var(--spectra-chromatic1-11); }
:root .outline-primary-950\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .outline-primary-950\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .outline-primary-950\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .outline-primary-950\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .outline-primary-950\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .outline-primary-950\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .outline-primary-950\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .outline-primary-950\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .outline-primary-950\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .overlay-primary-950 { background: var(--spectra-chromatic1-11); }
:root .overlay-primary-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .overlay-primary-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .overlay-primary-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .overlay-primary-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .overlay-primary-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .overlay-primary-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .overlay-primary-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .overlay-primary-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .overlay-primary-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .fill-primary-950 { fill: var(--spectra-chromatic1-11); }
:root .fill-primary-950\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .fill-primary-950\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .fill-primary-950\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .fill-primary-950\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .fill-primary-950\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .fill-primary-950\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .fill-primary-950\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .fill-primary-950\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .fill-primary-950\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .stroke-primary-950 { stroke: var(--spectra-chromatic1-11); }
:root .stroke-primary-950\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .stroke-primary-950\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .stroke-primary-950\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .stroke-primary-950\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .stroke-primary-950\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .stroke-primary-950\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .stroke-primary-950\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .stroke-primary-950\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .stroke-primary-950\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .border-t-primary-950 { border-top-color: var(--spectra-chromatic1-11); }
:root .border-t-primary-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .border-t-primary-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .border-t-primary-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .border-t-primary-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .border-t-primary-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .border-t-primary-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .border-t-primary-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .border-t-primary-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .border-t-primary-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .border-r-primary-950 { border-right-color: var(--spectra-chromatic1-11); }
:root .border-r-primary-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .border-r-primary-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .border-r-primary-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .border-r-primary-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .border-r-primary-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .border-r-primary-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .border-r-primary-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .border-r-primary-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .border-r-primary-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .border-b-primary-950 { border-bottom-color: var(--spectra-chromatic1-11); }
:root .border-b-primary-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .border-b-primary-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .border-b-primary-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .border-b-primary-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .border-b-primary-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .border-b-primary-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .border-b-primary-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .border-b-primary-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .border-b-primary-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .border-l-primary-950 { border-left-color: var(--spectra-chromatic1-11); }
:root .border-l-primary-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .border-l-primary-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .border-l-primary-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .border-l-primary-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .border-l-primary-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .border-l-primary-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .border-l-primary-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .border-l-primary-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .border-l-primary-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .border-x-primary-950 { border-left-color: var(--spectra-chromatic1-11); border-right-color: var(--spectra-chromatic1-11); }
:root .border-x-primary-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .border-x-primary-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .border-x-primary-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .border-x-primary-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .border-x-primary-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .border-x-primary-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .border-x-primary-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .border-x-primary-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .border-x-primary-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .border-y-primary-950 { border-top-color: var(--spectra-chromatic1-11); border-bottom-color: var(--spectra-chromatic1-11); }
:root .border-y-primary-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .border-y-primary-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .border-y-primary-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .border-y-primary-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .border-y-primary-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .border-y-primary-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .border-y-primary-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .border-y-primary-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .border-y-primary-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .ring-primary-950 { --tw-ring-color: var(--spectra-chromatic1-11); }
:root .ring-offset-primary-950 { --tw-ring-offset-color: var(--spectra-chromatic1-11); }
:root .bg-secondary-50 { background: var(--spectra-chromatic2-1); }
:root .bg-secondary-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .bg-secondary-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .bg-secondary-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .bg-secondary-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .bg-secondary-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .bg-secondary-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .bg-secondary-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .bg-secondary-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .bg-secondary-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .text-secondary-50 { color: var(--spectra-chromatic2-1); -webkit-text-fill-color: var(--spectra-chromatic2-1); }
:root .text-secondary-50\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .text-secondary-50\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .text-secondary-50\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .text-secondary-50\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .text-secondary-50\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .text-secondary-50\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .text-secondary-50\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .text-secondary-50\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .text-secondary-50\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .border-secondary-50 { border-color: var(--spectra-chromatic2-1); }
:root .border-secondary-50\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .border-secondary-50\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .border-secondary-50\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .border-secondary-50\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .border-secondary-50\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .border-secondary-50\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .border-secondary-50\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .border-secondary-50\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .border-secondary-50\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .outline-secondary-50 { outline-color: var(--spectra-chromatic2-1); }
:root .outline-secondary-50\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .outline-secondary-50\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .outline-secondary-50\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .outline-secondary-50\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .outline-secondary-50\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .outline-secondary-50\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .outline-secondary-50\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .outline-secondary-50\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .outline-secondary-50\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .overlay-secondary-50 { background: var(--spectra-chromatic2-1); }
:root .overlay-secondary-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .overlay-secondary-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .overlay-secondary-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .overlay-secondary-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .overlay-secondary-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .overlay-secondary-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .overlay-secondary-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .overlay-secondary-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .overlay-secondary-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .fill-secondary-50 { fill: var(--spectra-chromatic2-1); }
:root .fill-secondary-50\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .fill-secondary-50\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .fill-secondary-50\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .fill-secondary-50\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .fill-secondary-50\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .fill-secondary-50\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .fill-secondary-50\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .fill-secondary-50\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .fill-secondary-50\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .stroke-secondary-50 { stroke: var(--spectra-chromatic2-1); }
:root .stroke-secondary-50\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .stroke-secondary-50\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .stroke-secondary-50\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .stroke-secondary-50\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .stroke-secondary-50\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .stroke-secondary-50\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .stroke-secondary-50\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .stroke-secondary-50\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .stroke-secondary-50\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .border-t-secondary-50 { border-top-color: var(--spectra-chromatic2-1); }
:root .border-t-secondary-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .border-t-secondary-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .border-t-secondary-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .border-t-secondary-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .border-t-secondary-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .border-t-secondary-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .border-t-secondary-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .border-t-secondary-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .border-t-secondary-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .border-r-secondary-50 { border-right-color: var(--spectra-chromatic2-1); }
:root .border-r-secondary-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .border-r-secondary-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .border-r-secondary-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .border-r-secondary-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .border-r-secondary-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .border-r-secondary-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .border-r-secondary-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .border-r-secondary-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .border-r-secondary-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .border-b-secondary-50 { border-bottom-color: var(--spectra-chromatic2-1); }
:root .border-b-secondary-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .border-b-secondary-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .border-b-secondary-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .border-b-secondary-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .border-b-secondary-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .border-b-secondary-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .border-b-secondary-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .border-b-secondary-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .border-b-secondary-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .border-l-secondary-50 { border-left-color: var(--spectra-chromatic2-1); }
:root .border-l-secondary-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .border-l-secondary-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .border-l-secondary-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .border-l-secondary-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .border-l-secondary-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .border-l-secondary-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .border-l-secondary-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .border-l-secondary-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .border-l-secondary-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .border-x-secondary-50 { border-left-color: var(--spectra-chromatic2-1); border-right-color: var(--spectra-chromatic2-1); }
:root .border-x-secondary-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .border-x-secondary-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .border-x-secondary-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .border-x-secondary-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .border-x-secondary-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .border-x-secondary-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .border-x-secondary-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .border-x-secondary-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .border-x-secondary-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .border-y-secondary-50 { border-top-color: var(--spectra-chromatic2-1); border-bottom-color: var(--spectra-chromatic2-1); }
:root .border-y-secondary-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .border-y-secondary-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .border-y-secondary-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .border-y-secondary-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .border-y-secondary-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .border-y-secondary-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .border-y-secondary-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .border-y-secondary-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .border-y-secondary-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .ring-secondary-50 { --tw-ring-color: var(--spectra-chromatic2-1); }
:root .ring-offset-secondary-50 { --tw-ring-offset-color: var(--spectra-chromatic2-1); }
:root .bg-secondary-100 { background: var(--spectra-chromatic2-2); }
:root .bg-secondary-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .bg-secondary-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .bg-secondary-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .bg-secondary-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .bg-secondary-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .bg-secondary-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .bg-secondary-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .bg-secondary-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .bg-secondary-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .text-secondary-100 { color: var(--spectra-chromatic2-2); -webkit-text-fill-color: var(--spectra-chromatic2-2); }
:root .text-secondary-100\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .text-secondary-100\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .text-secondary-100\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .text-secondary-100\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .text-secondary-100\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .text-secondary-100\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .text-secondary-100\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .text-secondary-100\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .text-secondary-100\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .border-secondary-100 { border-color: var(--spectra-chromatic2-2); }
:root .border-secondary-100\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .border-secondary-100\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .border-secondary-100\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .border-secondary-100\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .border-secondary-100\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .border-secondary-100\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .border-secondary-100\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .border-secondary-100\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .border-secondary-100\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .outline-secondary-100 { outline-color: var(--spectra-chromatic2-2); }
:root .outline-secondary-100\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .outline-secondary-100\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .outline-secondary-100\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .outline-secondary-100\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .outline-secondary-100\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .outline-secondary-100\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .outline-secondary-100\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .outline-secondary-100\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .outline-secondary-100\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .overlay-secondary-100 { background: var(--spectra-chromatic2-2); }
:root .overlay-secondary-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .overlay-secondary-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .overlay-secondary-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .overlay-secondary-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .overlay-secondary-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .overlay-secondary-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .overlay-secondary-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .overlay-secondary-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .overlay-secondary-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .fill-secondary-100 { fill: var(--spectra-chromatic2-2); }
:root .fill-secondary-100\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .fill-secondary-100\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .fill-secondary-100\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .fill-secondary-100\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .fill-secondary-100\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .fill-secondary-100\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .fill-secondary-100\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .fill-secondary-100\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .fill-secondary-100\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .stroke-secondary-100 { stroke: var(--spectra-chromatic2-2); }
:root .stroke-secondary-100\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .stroke-secondary-100\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .stroke-secondary-100\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .stroke-secondary-100\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .stroke-secondary-100\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .stroke-secondary-100\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .stroke-secondary-100\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .stroke-secondary-100\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .stroke-secondary-100\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .border-t-secondary-100 { border-top-color: var(--spectra-chromatic2-2); }
:root .border-t-secondary-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .border-t-secondary-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .border-t-secondary-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .border-t-secondary-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .border-t-secondary-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .border-t-secondary-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .border-t-secondary-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .border-t-secondary-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .border-t-secondary-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .border-r-secondary-100 { border-right-color: var(--spectra-chromatic2-2); }
:root .border-r-secondary-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .border-r-secondary-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .border-r-secondary-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .border-r-secondary-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .border-r-secondary-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .border-r-secondary-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .border-r-secondary-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .border-r-secondary-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .border-r-secondary-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .border-b-secondary-100 { border-bottom-color: var(--spectra-chromatic2-2); }
:root .border-b-secondary-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .border-b-secondary-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .border-b-secondary-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .border-b-secondary-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .border-b-secondary-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .border-b-secondary-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .border-b-secondary-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .border-b-secondary-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .border-b-secondary-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .border-l-secondary-100 { border-left-color: var(--spectra-chromatic2-2); }
:root .border-l-secondary-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .border-l-secondary-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .border-l-secondary-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .border-l-secondary-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .border-l-secondary-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .border-l-secondary-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .border-l-secondary-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .border-l-secondary-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .border-l-secondary-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .border-x-secondary-100 { border-left-color: var(--spectra-chromatic2-2); border-right-color: var(--spectra-chromatic2-2); }
:root .border-x-secondary-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .border-x-secondary-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .border-x-secondary-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .border-x-secondary-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .border-x-secondary-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .border-x-secondary-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .border-x-secondary-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .border-x-secondary-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .border-x-secondary-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .border-y-secondary-100 { border-top-color: var(--spectra-chromatic2-2); border-bottom-color: var(--spectra-chromatic2-2); }
:root .border-y-secondary-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .border-y-secondary-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .border-y-secondary-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .border-y-secondary-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .border-y-secondary-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .border-y-secondary-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .border-y-secondary-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .border-y-secondary-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .border-y-secondary-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .ring-secondary-100 { --tw-ring-color: var(--spectra-chromatic2-2); }
:root .ring-offset-secondary-100 { --tw-ring-offset-color: var(--spectra-chromatic2-2); }
:root .bg-secondary-200 { background: var(--spectra-chromatic2-3); }
:root .bg-secondary-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .bg-secondary-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .bg-secondary-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .bg-secondary-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .bg-secondary-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .bg-secondary-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .bg-secondary-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .bg-secondary-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .bg-secondary-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .text-secondary-200 { color: var(--spectra-chromatic2-3); -webkit-text-fill-color: var(--spectra-chromatic2-3); }
:root .text-secondary-200\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .text-secondary-200\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .text-secondary-200\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .text-secondary-200\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .text-secondary-200\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .text-secondary-200\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .text-secondary-200\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .text-secondary-200\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .text-secondary-200\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .border-secondary-200 { border-color: var(--spectra-chromatic2-3); }
:root .border-secondary-200\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .border-secondary-200\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .border-secondary-200\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .border-secondary-200\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .border-secondary-200\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .border-secondary-200\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .border-secondary-200\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .border-secondary-200\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .border-secondary-200\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .outline-secondary-200 { outline-color: var(--spectra-chromatic2-3); }
:root .outline-secondary-200\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .outline-secondary-200\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .outline-secondary-200\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .outline-secondary-200\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .outline-secondary-200\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .outline-secondary-200\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .outline-secondary-200\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .outline-secondary-200\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .outline-secondary-200\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .overlay-secondary-200 { background: var(--spectra-chromatic2-3); }
:root .overlay-secondary-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .overlay-secondary-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .overlay-secondary-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .overlay-secondary-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .overlay-secondary-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .overlay-secondary-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .overlay-secondary-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .overlay-secondary-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .overlay-secondary-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .fill-secondary-200 { fill: var(--spectra-chromatic2-3); }
:root .fill-secondary-200\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .fill-secondary-200\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .fill-secondary-200\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .fill-secondary-200\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .fill-secondary-200\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .fill-secondary-200\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .fill-secondary-200\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .fill-secondary-200\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .fill-secondary-200\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .stroke-secondary-200 { stroke: var(--spectra-chromatic2-3); }
:root .stroke-secondary-200\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .stroke-secondary-200\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .stroke-secondary-200\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .stroke-secondary-200\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .stroke-secondary-200\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .stroke-secondary-200\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .stroke-secondary-200\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .stroke-secondary-200\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .stroke-secondary-200\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .border-t-secondary-200 { border-top-color: var(--spectra-chromatic2-3); }
:root .border-t-secondary-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .border-t-secondary-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .border-t-secondary-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .border-t-secondary-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .border-t-secondary-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .border-t-secondary-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .border-t-secondary-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .border-t-secondary-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .border-t-secondary-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .border-r-secondary-200 { border-right-color: var(--spectra-chromatic2-3); }
:root .border-r-secondary-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .border-r-secondary-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .border-r-secondary-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .border-r-secondary-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .border-r-secondary-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .border-r-secondary-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .border-r-secondary-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .border-r-secondary-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .border-r-secondary-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .border-b-secondary-200 { border-bottom-color: var(--spectra-chromatic2-3); }
:root .border-b-secondary-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .border-b-secondary-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .border-b-secondary-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .border-b-secondary-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .border-b-secondary-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .border-b-secondary-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .border-b-secondary-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .border-b-secondary-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .border-b-secondary-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .border-l-secondary-200 { border-left-color: var(--spectra-chromatic2-3); }
:root .border-l-secondary-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .border-l-secondary-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .border-l-secondary-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .border-l-secondary-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .border-l-secondary-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .border-l-secondary-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .border-l-secondary-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .border-l-secondary-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .border-l-secondary-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .border-x-secondary-200 { border-left-color: var(--spectra-chromatic2-3); border-right-color: var(--spectra-chromatic2-3); }
:root .border-x-secondary-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .border-x-secondary-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .border-x-secondary-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .border-x-secondary-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .border-x-secondary-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .border-x-secondary-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .border-x-secondary-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .border-x-secondary-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .border-x-secondary-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .border-y-secondary-200 { border-top-color: var(--spectra-chromatic2-3); border-bottom-color: var(--spectra-chromatic2-3); }
:root .border-y-secondary-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .border-y-secondary-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .border-y-secondary-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .border-y-secondary-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .border-y-secondary-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .border-y-secondary-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .border-y-secondary-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .border-y-secondary-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .border-y-secondary-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .ring-secondary-200 { --tw-ring-color: var(--spectra-chromatic2-3); }
:root .ring-offset-secondary-200 { --tw-ring-offset-color: var(--spectra-chromatic2-3); }
:root .bg-secondary-300 { background: var(--spectra-chromatic2-4); }
:root .bg-secondary-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .bg-secondary-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .bg-secondary-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .bg-secondary-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .bg-secondary-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .bg-secondary-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .bg-secondary-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .bg-secondary-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .bg-secondary-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .text-secondary-300 { color: var(--spectra-chromatic2-4); -webkit-text-fill-color: var(--spectra-chromatic2-4); }
:root .text-secondary-300\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .text-secondary-300\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .text-secondary-300\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .text-secondary-300\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .text-secondary-300\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .text-secondary-300\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .text-secondary-300\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .text-secondary-300\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .text-secondary-300\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .border-secondary-300 { border-color: var(--spectra-chromatic2-4); }
:root .border-secondary-300\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .border-secondary-300\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .border-secondary-300\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .border-secondary-300\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .border-secondary-300\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .border-secondary-300\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .border-secondary-300\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .border-secondary-300\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .border-secondary-300\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .outline-secondary-300 { outline-color: var(--spectra-chromatic2-4); }
:root .outline-secondary-300\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .outline-secondary-300\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .outline-secondary-300\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .outline-secondary-300\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .outline-secondary-300\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .outline-secondary-300\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .outline-secondary-300\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .outline-secondary-300\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .outline-secondary-300\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .overlay-secondary-300 { background: var(--spectra-chromatic2-4); }
:root .overlay-secondary-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .overlay-secondary-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .overlay-secondary-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .overlay-secondary-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .overlay-secondary-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .overlay-secondary-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .overlay-secondary-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .overlay-secondary-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .overlay-secondary-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .fill-secondary-300 { fill: var(--spectra-chromatic2-4); }
:root .fill-secondary-300\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .fill-secondary-300\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .fill-secondary-300\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .fill-secondary-300\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .fill-secondary-300\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .fill-secondary-300\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .fill-secondary-300\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .fill-secondary-300\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .fill-secondary-300\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .stroke-secondary-300 { stroke: var(--spectra-chromatic2-4); }
:root .stroke-secondary-300\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .stroke-secondary-300\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .stroke-secondary-300\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .stroke-secondary-300\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .stroke-secondary-300\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .stroke-secondary-300\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .stroke-secondary-300\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .stroke-secondary-300\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .stroke-secondary-300\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .border-t-secondary-300 { border-top-color: var(--spectra-chromatic2-4); }
:root .border-t-secondary-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .border-t-secondary-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .border-t-secondary-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .border-t-secondary-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .border-t-secondary-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .border-t-secondary-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .border-t-secondary-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .border-t-secondary-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .border-t-secondary-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .border-r-secondary-300 { border-right-color: var(--spectra-chromatic2-4); }
:root .border-r-secondary-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .border-r-secondary-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .border-r-secondary-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .border-r-secondary-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .border-r-secondary-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .border-r-secondary-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .border-r-secondary-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .border-r-secondary-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .border-r-secondary-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .border-b-secondary-300 { border-bottom-color: var(--spectra-chromatic2-4); }
:root .border-b-secondary-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .border-b-secondary-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .border-b-secondary-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .border-b-secondary-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .border-b-secondary-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .border-b-secondary-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .border-b-secondary-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .border-b-secondary-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .border-b-secondary-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .border-l-secondary-300 { border-left-color: var(--spectra-chromatic2-4); }
:root .border-l-secondary-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .border-l-secondary-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .border-l-secondary-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .border-l-secondary-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .border-l-secondary-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .border-l-secondary-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .border-l-secondary-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .border-l-secondary-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .border-l-secondary-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .border-x-secondary-300 { border-left-color: var(--spectra-chromatic2-4); border-right-color: var(--spectra-chromatic2-4); }
:root .border-x-secondary-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .border-x-secondary-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .border-x-secondary-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .border-x-secondary-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .border-x-secondary-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .border-x-secondary-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .border-x-secondary-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .border-x-secondary-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .border-x-secondary-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .border-y-secondary-300 { border-top-color: var(--spectra-chromatic2-4); border-bottom-color: var(--spectra-chromatic2-4); }
:root .border-y-secondary-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .border-y-secondary-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .border-y-secondary-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .border-y-secondary-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .border-y-secondary-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .border-y-secondary-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .border-y-secondary-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .border-y-secondary-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .border-y-secondary-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .ring-secondary-300 { --tw-ring-color: var(--spectra-chromatic2-4); }
:root .ring-offset-secondary-300 { --tw-ring-offset-color: var(--spectra-chromatic2-4); }
:root .bg-secondary-400 { background: var(--spectra-chromatic2-5); }
:root .bg-secondary-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .bg-secondary-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .bg-secondary-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .bg-secondary-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .bg-secondary-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .bg-secondary-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .bg-secondary-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .bg-secondary-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .bg-secondary-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .text-secondary-400 { color: var(--spectra-chromatic2-5); -webkit-text-fill-color: var(--spectra-chromatic2-5); }
:root .text-secondary-400\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .text-secondary-400\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .text-secondary-400\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .text-secondary-400\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .text-secondary-400\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .text-secondary-400\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .text-secondary-400\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .text-secondary-400\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .text-secondary-400\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .border-secondary-400 { border-color: var(--spectra-chromatic2-5); }
:root .border-secondary-400\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .border-secondary-400\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .border-secondary-400\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .border-secondary-400\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .border-secondary-400\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .border-secondary-400\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .border-secondary-400\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .border-secondary-400\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .border-secondary-400\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .outline-secondary-400 { outline-color: var(--spectra-chromatic2-5); }
:root .outline-secondary-400\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .outline-secondary-400\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .outline-secondary-400\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .outline-secondary-400\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .outline-secondary-400\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .outline-secondary-400\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .outline-secondary-400\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .outline-secondary-400\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .outline-secondary-400\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .overlay-secondary-400 { background: var(--spectra-chromatic2-5); }
:root .overlay-secondary-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .overlay-secondary-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .overlay-secondary-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .overlay-secondary-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .overlay-secondary-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .overlay-secondary-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .overlay-secondary-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .overlay-secondary-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .overlay-secondary-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .fill-secondary-400 { fill: var(--spectra-chromatic2-5); }
:root .fill-secondary-400\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .fill-secondary-400\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .fill-secondary-400\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .fill-secondary-400\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .fill-secondary-400\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .fill-secondary-400\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .fill-secondary-400\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .fill-secondary-400\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .fill-secondary-400\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .stroke-secondary-400 { stroke: var(--spectra-chromatic2-5); }
:root .stroke-secondary-400\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .stroke-secondary-400\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .stroke-secondary-400\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .stroke-secondary-400\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .stroke-secondary-400\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .stroke-secondary-400\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .stroke-secondary-400\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .stroke-secondary-400\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .stroke-secondary-400\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .border-t-secondary-400 { border-top-color: var(--spectra-chromatic2-5); }
:root .border-t-secondary-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .border-t-secondary-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .border-t-secondary-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .border-t-secondary-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .border-t-secondary-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .border-t-secondary-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .border-t-secondary-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .border-t-secondary-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .border-t-secondary-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .border-r-secondary-400 { border-right-color: var(--spectra-chromatic2-5); }
:root .border-r-secondary-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .border-r-secondary-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .border-r-secondary-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .border-r-secondary-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .border-r-secondary-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .border-r-secondary-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .border-r-secondary-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .border-r-secondary-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .border-r-secondary-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .border-b-secondary-400 { border-bottom-color: var(--spectra-chromatic2-5); }
:root .border-b-secondary-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .border-b-secondary-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .border-b-secondary-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .border-b-secondary-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .border-b-secondary-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .border-b-secondary-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .border-b-secondary-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .border-b-secondary-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .border-b-secondary-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .border-l-secondary-400 { border-left-color: var(--spectra-chromatic2-5); }
:root .border-l-secondary-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .border-l-secondary-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .border-l-secondary-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .border-l-secondary-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .border-l-secondary-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .border-l-secondary-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .border-l-secondary-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .border-l-secondary-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .border-l-secondary-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .border-x-secondary-400 { border-left-color: var(--spectra-chromatic2-5); border-right-color: var(--spectra-chromatic2-5); }
:root .border-x-secondary-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .border-x-secondary-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .border-x-secondary-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .border-x-secondary-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .border-x-secondary-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .border-x-secondary-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .border-x-secondary-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .border-x-secondary-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .border-x-secondary-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .border-y-secondary-400 { border-top-color: var(--spectra-chromatic2-5); border-bottom-color: var(--spectra-chromatic2-5); }
:root .border-y-secondary-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .border-y-secondary-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .border-y-secondary-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .border-y-secondary-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .border-y-secondary-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .border-y-secondary-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .border-y-secondary-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .border-y-secondary-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .border-y-secondary-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .ring-secondary-400 { --tw-ring-color: var(--spectra-chromatic2-5); }
:root .ring-offset-secondary-400 { --tw-ring-offset-color: var(--spectra-chromatic2-5); }
:root .bg-secondary-500 { background: var(--spectra-chromatic2-6); }
:root .bg-secondary-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .bg-secondary-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .bg-secondary-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .bg-secondary-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .bg-secondary-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .bg-secondary-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .bg-secondary-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .bg-secondary-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .bg-secondary-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .text-secondary-500 { color: var(--spectra-chromatic2-6); -webkit-text-fill-color: var(--spectra-chromatic2-6); }
:root .text-secondary-500\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .text-secondary-500\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .text-secondary-500\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .text-secondary-500\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .text-secondary-500\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .text-secondary-500\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .text-secondary-500\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .text-secondary-500\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .text-secondary-500\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .border-secondary-500 { border-color: var(--spectra-chromatic2-6); }
:root .border-secondary-500\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .border-secondary-500\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .border-secondary-500\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .border-secondary-500\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .border-secondary-500\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .border-secondary-500\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .border-secondary-500\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .border-secondary-500\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .border-secondary-500\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .outline-secondary-500 { outline-color: var(--spectra-chromatic2-6); }
:root .outline-secondary-500\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .outline-secondary-500\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .outline-secondary-500\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .outline-secondary-500\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .outline-secondary-500\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .outline-secondary-500\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .outline-secondary-500\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .outline-secondary-500\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .outline-secondary-500\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .overlay-secondary-500 { background: var(--spectra-chromatic2-6); }
:root .overlay-secondary-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .overlay-secondary-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .overlay-secondary-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .overlay-secondary-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .overlay-secondary-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .overlay-secondary-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .overlay-secondary-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .overlay-secondary-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .overlay-secondary-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .fill-secondary-500 { fill: var(--spectra-chromatic2-6); }
:root .fill-secondary-500\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .fill-secondary-500\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .fill-secondary-500\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .fill-secondary-500\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .fill-secondary-500\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .fill-secondary-500\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .fill-secondary-500\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .fill-secondary-500\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .fill-secondary-500\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .stroke-secondary-500 { stroke: var(--spectra-chromatic2-6); }
:root .stroke-secondary-500\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .stroke-secondary-500\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .stroke-secondary-500\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .stroke-secondary-500\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .stroke-secondary-500\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .stroke-secondary-500\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .stroke-secondary-500\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .stroke-secondary-500\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .stroke-secondary-500\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .border-t-secondary-500 { border-top-color: var(--spectra-chromatic2-6); }
:root .border-t-secondary-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .border-t-secondary-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .border-t-secondary-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .border-t-secondary-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .border-t-secondary-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .border-t-secondary-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .border-t-secondary-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .border-t-secondary-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .border-t-secondary-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .border-r-secondary-500 { border-right-color: var(--spectra-chromatic2-6); }
:root .border-r-secondary-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .border-r-secondary-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .border-r-secondary-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .border-r-secondary-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .border-r-secondary-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .border-r-secondary-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .border-r-secondary-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .border-r-secondary-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .border-r-secondary-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .border-b-secondary-500 { border-bottom-color: var(--spectra-chromatic2-6); }
:root .border-b-secondary-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .border-b-secondary-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .border-b-secondary-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .border-b-secondary-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .border-b-secondary-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .border-b-secondary-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .border-b-secondary-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .border-b-secondary-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .border-b-secondary-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .border-l-secondary-500 { border-left-color: var(--spectra-chromatic2-6); }
:root .border-l-secondary-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .border-l-secondary-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .border-l-secondary-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .border-l-secondary-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .border-l-secondary-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .border-l-secondary-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .border-l-secondary-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .border-l-secondary-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .border-l-secondary-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .border-x-secondary-500 { border-left-color: var(--spectra-chromatic2-6); border-right-color: var(--spectra-chromatic2-6); }
:root .border-x-secondary-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .border-x-secondary-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .border-x-secondary-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .border-x-secondary-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .border-x-secondary-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .border-x-secondary-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .border-x-secondary-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .border-x-secondary-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .border-x-secondary-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .border-y-secondary-500 { border-top-color: var(--spectra-chromatic2-6); border-bottom-color: var(--spectra-chromatic2-6); }
:root .border-y-secondary-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .border-y-secondary-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .border-y-secondary-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .border-y-secondary-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .border-y-secondary-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .border-y-secondary-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .border-y-secondary-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .border-y-secondary-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .border-y-secondary-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .ring-secondary-500 { --tw-ring-color: var(--spectra-chromatic2-6); }
:root .ring-offset-secondary-500 { --tw-ring-offset-color: var(--spectra-chromatic2-6); }
:root .bg-secondary-600 { background: var(--spectra-chromatic2-7); }
:root .bg-secondary-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .bg-secondary-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .bg-secondary-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .bg-secondary-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .bg-secondary-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .bg-secondary-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .bg-secondary-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .bg-secondary-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .bg-secondary-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .text-secondary-600 { color: var(--spectra-chromatic2-7); -webkit-text-fill-color: var(--spectra-chromatic2-7); }
:root .text-secondary-600\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .text-secondary-600\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .text-secondary-600\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .text-secondary-600\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .text-secondary-600\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .text-secondary-600\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .text-secondary-600\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .text-secondary-600\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .text-secondary-600\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .border-secondary-600 { border-color: var(--spectra-chromatic2-7); }
:root .border-secondary-600\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .border-secondary-600\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .border-secondary-600\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .border-secondary-600\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .border-secondary-600\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .border-secondary-600\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .border-secondary-600\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .border-secondary-600\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .border-secondary-600\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .outline-secondary-600 { outline-color: var(--spectra-chromatic2-7); }
:root .outline-secondary-600\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .outline-secondary-600\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .outline-secondary-600\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .outline-secondary-600\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .outline-secondary-600\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .outline-secondary-600\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .outline-secondary-600\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .outline-secondary-600\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .outline-secondary-600\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .overlay-secondary-600 { background: var(--spectra-chromatic2-7); }
:root .overlay-secondary-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .overlay-secondary-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .overlay-secondary-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .overlay-secondary-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .overlay-secondary-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .overlay-secondary-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .overlay-secondary-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .overlay-secondary-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .overlay-secondary-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .fill-secondary-600 { fill: var(--spectra-chromatic2-7); }
:root .fill-secondary-600\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .fill-secondary-600\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .fill-secondary-600\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .fill-secondary-600\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .fill-secondary-600\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .fill-secondary-600\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .fill-secondary-600\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .fill-secondary-600\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .fill-secondary-600\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .stroke-secondary-600 { stroke: var(--spectra-chromatic2-7); }
:root .stroke-secondary-600\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .stroke-secondary-600\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .stroke-secondary-600\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .stroke-secondary-600\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .stroke-secondary-600\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .stroke-secondary-600\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .stroke-secondary-600\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .stroke-secondary-600\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .stroke-secondary-600\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .border-t-secondary-600 { border-top-color: var(--spectra-chromatic2-7); }
:root .border-t-secondary-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .border-t-secondary-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .border-t-secondary-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .border-t-secondary-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .border-t-secondary-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .border-t-secondary-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .border-t-secondary-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .border-t-secondary-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .border-t-secondary-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .border-r-secondary-600 { border-right-color: var(--spectra-chromatic2-7); }
:root .border-r-secondary-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .border-r-secondary-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .border-r-secondary-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .border-r-secondary-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .border-r-secondary-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .border-r-secondary-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .border-r-secondary-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .border-r-secondary-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .border-r-secondary-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .border-b-secondary-600 { border-bottom-color: var(--spectra-chromatic2-7); }
:root .border-b-secondary-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .border-b-secondary-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .border-b-secondary-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .border-b-secondary-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .border-b-secondary-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .border-b-secondary-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .border-b-secondary-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .border-b-secondary-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .border-b-secondary-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .border-l-secondary-600 { border-left-color: var(--spectra-chromatic2-7); }
:root .border-l-secondary-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .border-l-secondary-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .border-l-secondary-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .border-l-secondary-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .border-l-secondary-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .border-l-secondary-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .border-l-secondary-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .border-l-secondary-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .border-l-secondary-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .border-x-secondary-600 { border-left-color: var(--spectra-chromatic2-7); border-right-color: var(--spectra-chromatic2-7); }
:root .border-x-secondary-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .border-x-secondary-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .border-x-secondary-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .border-x-secondary-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .border-x-secondary-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .border-x-secondary-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .border-x-secondary-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .border-x-secondary-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .border-x-secondary-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .border-y-secondary-600 { border-top-color: var(--spectra-chromatic2-7); border-bottom-color: var(--spectra-chromatic2-7); }
:root .border-y-secondary-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .border-y-secondary-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .border-y-secondary-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .border-y-secondary-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .border-y-secondary-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .border-y-secondary-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .border-y-secondary-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .border-y-secondary-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .border-y-secondary-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .ring-secondary-600 { --tw-ring-color: var(--spectra-chromatic2-7); }
:root .ring-offset-secondary-600 { --tw-ring-offset-color: var(--spectra-chromatic2-7); }
:root .bg-secondary-700 { background: var(--spectra-chromatic2-8); }
:root .bg-secondary-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .bg-secondary-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .bg-secondary-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .bg-secondary-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .bg-secondary-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .bg-secondary-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .bg-secondary-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .bg-secondary-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .bg-secondary-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .text-secondary-700 { color: var(--spectra-chromatic2-8); -webkit-text-fill-color: var(--spectra-chromatic2-8); }
:root .text-secondary-700\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .text-secondary-700\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .text-secondary-700\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .text-secondary-700\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .text-secondary-700\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .text-secondary-700\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .text-secondary-700\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .text-secondary-700\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .text-secondary-700\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .border-secondary-700 { border-color: var(--spectra-chromatic2-8); }
:root .border-secondary-700\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .border-secondary-700\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .border-secondary-700\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .border-secondary-700\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .border-secondary-700\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .border-secondary-700\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .border-secondary-700\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .border-secondary-700\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .border-secondary-700\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .outline-secondary-700 { outline-color: var(--spectra-chromatic2-8); }
:root .outline-secondary-700\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .outline-secondary-700\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .outline-secondary-700\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .outline-secondary-700\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .outline-secondary-700\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .outline-secondary-700\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .outline-secondary-700\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .outline-secondary-700\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .outline-secondary-700\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .overlay-secondary-700 { background: var(--spectra-chromatic2-8); }
:root .overlay-secondary-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .overlay-secondary-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .overlay-secondary-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .overlay-secondary-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .overlay-secondary-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .overlay-secondary-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .overlay-secondary-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .overlay-secondary-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .overlay-secondary-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .fill-secondary-700 { fill: var(--spectra-chromatic2-8); }
:root .fill-secondary-700\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .fill-secondary-700\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .fill-secondary-700\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .fill-secondary-700\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .fill-secondary-700\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .fill-secondary-700\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .fill-secondary-700\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .fill-secondary-700\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .fill-secondary-700\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .stroke-secondary-700 { stroke: var(--spectra-chromatic2-8); }
:root .stroke-secondary-700\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .stroke-secondary-700\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .stroke-secondary-700\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .stroke-secondary-700\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .stroke-secondary-700\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .stroke-secondary-700\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .stroke-secondary-700\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .stroke-secondary-700\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .stroke-secondary-700\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .border-t-secondary-700 { border-top-color: var(--spectra-chromatic2-8); }
:root .border-t-secondary-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .border-t-secondary-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .border-t-secondary-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .border-t-secondary-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .border-t-secondary-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .border-t-secondary-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .border-t-secondary-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .border-t-secondary-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .border-t-secondary-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .border-r-secondary-700 { border-right-color: var(--spectra-chromatic2-8); }
:root .border-r-secondary-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .border-r-secondary-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .border-r-secondary-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .border-r-secondary-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .border-r-secondary-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .border-r-secondary-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .border-r-secondary-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .border-r-secondary-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .border-r-secondary-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .border-b-secondary-700 { border-bottom-color: var(--spectra-chromatic2-8); }
:root .border-b-secondary-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .border-b-secondary-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .border-b-secondary-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .border-b-secondary-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .border-b-secondary-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .border-b-secondary-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .border-b-secondary-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .border-b-secondary-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .border-b-secondary-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .border-l-secondary-700 { border-left-color: var(--spectra-chromatic2-8); }
:root .border-l-secondary-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .border-l-secondary-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .border-l-secondary-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .border-l-secondary-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .border-l-secondary-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .border-l-secondary-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .border-l-secondary-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .border-l-secondary-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .border-l-secondary-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .border-x-secondary-700 { border-left-color: var(--spectra-chromatic2-8); border-right-color: var(--spectra-chromatic2-8); }
:root .border-x-secondary-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .border-x-secondary-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .border-x-secondary-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .border-x-secondary-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .border-x-secondary-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .border-x-secondary-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .border-x-secondary-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .border-x-secondary-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .border-x-secondary-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .border-y-secondary-700 { border-top-color: var(--spectra-chromatic2-8); border-bottom-color: var(--spectra-chromatic2-8); }
:root .border-y-secondary-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .border-y-secondary-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .border-y-secondary-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .border-y-secondary-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .border-y-secondary-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .border-y-secondary-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .border-y-secondary-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .border-y-secondary-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .border-y-secondary-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .ring-secondary-700 { --tw-ring-color: var(--spectra-chromatic2-8); }
:root .ring-offset-secondary-700 { --tw-ring-offset-color: var(--spectra-chromatic2-8); }
:root .bg-secondary-800 { background: var(--spectra-chromatic2-9); }
:root .bg-secondary-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .bg-secondary-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .bg-secondary-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .bg-secondary-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .bg-secondary-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .bg-secondary-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .bg-secondary-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .bg-secondary-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .bg-secondary-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .text-secondary-800 { color: var(--spectra-chromatic2-9); -webkit-text-fill-color: var(--spectra-chromatic2-9); }
:root .text-secondary-800\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .text-secondary-800\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .text-secondary-800\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .text-secondary-800\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .text-secondary-800\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .text-secondary-800\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .text-secondary-800\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .text-secondary-800\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .text-secondary-800\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .border-secondary-800 { border-color: var(--spectra-chromatic2-9); }
:root .border-secondary-800\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .border-secondary-800\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .border-secondary-800\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .border-secondary-800\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .border-secondary-800\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .border-secondary-800\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .border-secondary-800\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .border-secondary-800\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .border-secondary-800\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .outline-secondary-800 { outline-color: var(--spectra-chromatic2-9); }
:root .outline-secondary-800\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .outline-secondary-800\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .outline-secondary-800\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .outline-secondary-800\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .outline-secondary-800\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .outline-secondary-800\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .outline-secondary-800\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .outline-secondary-800\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .outline-secondary-800\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .overlay-secondary-800 { background: var(--spectra-chromatic2-9); }
:root .overlay-secondary-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .overlay-secondary-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .overlay-secondary-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .overlay-secondary-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .overlay-secondary-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .overlay-secondary-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .overlay-secondary-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .overlay-secondary-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .overlay-secondary-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .fill-secondary-800 { fill: var(--spectra-chromatic2-9); }
:root .fill-secondary-800\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .fill-secondary-800\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .fill-secondary-800\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .fill-secondary-800\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .fill-secondary-800\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .fill-secondary-800\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .fill-secondary-800\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .fill-secondary-800\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .fill-secondary-800\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .stroke-secondary-800 { stroke: var(--spectra-chromatic2-9); }
:root .stroke-secondary-800\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .stroke-secondary-800\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .stroke-secondary-800\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .stroke-secondary-800\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .stroke-secondary-800\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .stroke-secondary-800\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .stroke-secondary-800\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .stroke-secondary-800\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .stroke-secondary-800\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .border-t-secondary-800 { border-top-color: var(--spectra-chromatic2-9); }
:root .border-t-secondary-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .border-t-secondary-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .border-t-secondary-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .border-t-secondary-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .border-t-secondary-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .border-t-secondary-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .border-t-secondary-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .border-t-secondary-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .border-t-secondary-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .border-r-secondary-800 { border-right-color: var(--spectra-chromatic2-9); }
:root .border-r-secondary-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .border-r-secondary-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .border-r-secondary-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .border-r-secondary-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .border-r-secondary-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .border-r-secondary-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .border-r-secondary-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .border-r-secondary-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .border-r-secondary-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .border-b-secondary-800 { border-bottom-color: var(--spectra-chromatic2-9); }
:root .border-b-secondary-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .border-b-secondary-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .border-b-secondary-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .border-b-secondary-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .border-b-secondary-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .border-b-secondary-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .border-b-secondary-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .border-b-secondary-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .border-b-secondary-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .border-l-secondary-800 { border-left-color: var(--spectra-chromatic2-9); }
:root .border-l-secondary-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .border-l-secondary-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .border-l-secondary-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .border-l-secondary-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .border-l-secondary-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .border-l-secondary-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .border-l-secondary-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .border-l-secondary-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .border-l-secondary-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .border-x-secondary-800 { border-left-color: var(--spectra-chromatic2-9); border-right-color: var(--spectra-chromatic2-9); }
:root .border-x-secondary-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .border-x-secondary-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .border-x-secondary-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .border-x-secondary-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .border-x-secondary-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .border-x-secondary-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .border-x-secondary-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .border-x-secondary-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .border-x-secondary-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .border-y-secondary-800 { border-top-color: var(--spectra-chromatic2-9); border-bottom-color: var(--spectra-chromatic2-9); }
:root .border-y-secondary-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .border-y-secondary-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .border-y-secondary-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .border-y-secondary-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .border-y-secondary-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .border-y-secondary-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .border-y-secondary-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .border-y-secondary-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .border-y-secondary-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .ring-secondary-800 { --tw-ring-color: var(--spectra-chromatic2-9); }
:root .ring-offset-secondary-800 { --tw-ring-offset-color: var(--spectra-chromatic2-9); }
:root .bg-secondary-900 { background: var(--spectra-chromatic2-10); }
:root .bg-secondary-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .bg-secondary-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .bg-secondary-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .bg-secondary-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .bg-secondary-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .bg-secondary-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .bg-secondary-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .bg-secondary-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .bg-secondary-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .text-secondary-900 { color: var(--spectra-chromatic2-10); -webkit-text-fill-color: var(--spectra-chromatic2-10); }
:root .text-secondary-900\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .text-secondary-900\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .text-secondary-900\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .text-secondary-900\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .text-secondary-900\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .text-secondary-900\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .text-secondary-900\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .text-secondary-900\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .text-secondary-900\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .border-secondary-900 { border-color: var(--spectra-chromatic2-10); }
:root .border-secondary-900\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .border-secondary-900\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .border-secondary-900\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .border-secondary-900\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .border-secondary-900\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .border-secondary-900\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .border-secondary-900\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .border-secondary-900\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .border-secondary-900\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .outline-secondary-900 { outline-color: var(--spectra-chromatic2-10); }
:root .outline-secondary-900\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .outline-secondary-900\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .outline-secondary-900\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .outline-secondary-900\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .outline-secondary-900\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .outline-secondary-900\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .outline-secondary-900\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .outline-secondary-900\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .outline-secondary-900\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .overlay-secondary-900 { background: var(--spectra-chromatic2-10); }
:root .overlay-secondary-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .overlay-secondary-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .overlay-secondary-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .overlay-secondary-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .overlay-secondary-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .overlay-secondary-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .overlay-secondary-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .overlay-secondary-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .overlay-secondary-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .fill-secondary-900 { fill: var(--spectra-chromatic2-10); }
:root .fill-secondary-900\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .fill-secondary-900\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .fill-secondary-900\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .fill-secondary-900\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .fill-secondary-900\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .fill-secondary-900\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .fill-secondary-900\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .fill-secondary-900\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .fill-secondary-900\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .stroke-secondary-900 { stroke: var(--spectra-chromatic2-10); }
:root .stroke-secondary-900\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .stroke-secondary-900\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .stroke-secondary-900\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .stroke-secondary-900\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .stroke-secondary-900\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .stroke-secondary-900\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .stroke-secondary-900\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .stroke-secondary-900\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .stroke-secondary-900\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .border-t-secondary-900 { border-top-color: var(--spectra-chromatic2-10); }
:root .border-t-secondary-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .border-t-secondary-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .border-t-secondary-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .border-t-secondary-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .border-t-secondary-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .border-t-secondary-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .border-t-secondary-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .border-t-secondary-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .border-t-secondary-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .border-r-secondary-900 { border-right-color: var(--spectra-chromatic2-10); }
:root .border-r-secondary-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .border-r-secondary-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .border-r-secondary-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .border-r-secondary-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .border-r-secondary-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .border-r-secondary-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .border-r-secondary-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .border-r-secondary-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .border-r-secondary-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .border-b-secondary-900 { border-bottom-color: var(--spectra-chromatic2-10); }
:root .border-b-secondary-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .border-b-secondary-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .border-b-secondary-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .border-b-secondary-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .border-b-secondary-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .border-b-secondary-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .border-b-secondary-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .border-b-secondary-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .border-b-secondary-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .border-l-secondary-900 { border-left-color: var(--spectra-chromatic2-10); }
:root .border-l-secondary-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .border-l-secondary-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .border-l-secondary-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .border-l-secondary-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .border-l-secondary-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .border-l-secondary-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .border-l-secondary-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .border-l-secondary-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .border-l-secondary-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .border-x-secondary-900 { border-left-color: var(--spectra-chromatic2-10); border-right-color: var(--spectra-chromatic2-10); }
:root .border-x-secondary-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .border-x-secondary-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .border-x-secondary-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .border-x-secondary-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .border-x-secondary-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .border-x-secondary-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .border-x-secondary-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .border-x-secondary-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .border-x-secondary-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .border-y-secondary-900 { border-top-color: var(--spectra-chromatic2-10); border-bottom-color: var(--spectra-chromatic2-10); }
:root .border-y-secondary-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .border-y-secondary-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .border-y-secondary-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .border-y-secondary-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .border-y-secondary-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .border-y-secondary-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .border-y-secondary-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .border-y-secondary-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .border-y-secondary-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .ring-secondary-900 { --tw-ring-color: var(--spectra-chromatic2-10); }
:root .ring-offset-secondary-900 { --tw-ring-offset-color: var(--spectra-chromatic2-10); }
:root .bg-secondary-950 { background: var(--spectra-chromatic2-11); }
:root .bg-secondary-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .bg-secondary-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .bg-secondary-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .bg-secondary-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .bg-secondary-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .bg-secondary-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .bg-secondary-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .bg-secondary-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .bg-secondary-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .text-secondary-950 { color: var(--spectra-chromatic2-11); -webkit-text-fill-color: var(--spectra-chromatic2-11); }
:root .text-secondary-950\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .text-secondary-950\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .text-secondary-950\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .text-secondary-950\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .text-secondary-950\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .text-secondary-950\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .text-secondary-950\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .text-secondary-950\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .text-secondary-950\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .border-secondary-950 { border-color: var(--spectra-chromatic2-11); }
:root .border-secondary-950\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .border-secondary-950\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .border-secondary-950\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .border-secondary-950\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .border-secondary-950\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .border-secondary-950\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .border-secondary-950\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .border-secondary-950\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .border-secondary-950\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .outline-secondary-950 { outline-color: var(--spectra-chromatic2-11); }
:root .outline-secondary-950\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .outline-secondary-950\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .outline-secondary-950\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .outline-secondary-950\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .outline-secondary-950\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .outline-secondary-950\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .outline-secondary-950\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .outline-secondary-950\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .outline-secondary-950\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .overlay-secondary-950 { background: var(--spectra-chromatic2-11); }
:root .overlay-secondary-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .overlay-secondary-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .overlay-secondary-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .overlay-secondary-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .overlay-secondary-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .overlay-secondary-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .overlay-secondary-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .overlay-secondary-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .overlay-secondary-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .fill-secondary-950 { fill: var(--spectra-chromatic2-11); }
:root .fill-secondary-950\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .fill-secondary-950\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .fill-secondary-950\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .fill-secondary-950\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .fill-secondary-950\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .fill-secondary-950\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .fill-secondary-950\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .fill-secondary-950\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .fill-secondary-950\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .stroke-secondary-950 { stroke: var(--spectra-chromatic2-11); }
:root .stroke-secondary-950\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .stroke-secondary-950\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .stroke-secondary-950\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .stroke-secondary-950\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .stroke-secondary-950\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .stroke-secondary-950\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .stroke-secondary-950\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .stroke-secondary-950\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .stroke-secondary-950\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .border-t-secondary-950 { border-top-color: var(--spectra-chromatic2-11); }
:root .border-t-secondary-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .border-t-secondary-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .border-t-secondary-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .border-t-secondary-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .border-t-secondary-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .border-t-secondary-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .border-t-secondary-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .border-t-secondary-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .border-t-secondary-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .border-r-secondary-950 { border-right-color: var(--spectra-chromatic2-11); }
:root .border-r-secondary-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .border-r-secondary-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .border-r-secondary-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .border-r-secondary-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .border-r-secondary-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .border-r-secondary-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .border-r-secondary-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .border-r-secondary-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .border-r-secondary-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .border-b-secondary-950 { border-bottom-color: var(--spectra-chromatic2-11); }
:root .border-b-secondary-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .border-b-secondary-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .border-b-secondary-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .border-b-secondary-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .border-b-secondary-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .border-b-secondary-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .border-b-secondary-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .border-b-secondary-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .border-b-secondary-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .border-l-secondary-950 { border-left-color: var(--spectra-chromatic2-11); }
:root .border-l-secondary-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .border-l-secondary-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .border-l-secondary-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .border-l-secondary-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .border-l-secondary-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .border-l-secondary-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .border-l-secondary-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .border-l-secondary-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .border-l-secondary-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .border-x-secondary-950 { border-left-color: var(--spectra-chromatic2-11); border-right-color: var(--spectra-chromatic2-11); }
:root .border-x-secondary-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .border-x-secondary-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .border-x-secondary-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .border-x-secondary-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .border-x-secondary-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .border-x-secondary-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .border-x-secondary-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .border-x-secondary-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .border-x-secondary-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .border-y-secondary-950 { border-top-color: var(--spectra-chromatic2-11); border-bottom-color: var(--spectra-chromatic2-11); }
:root .border-y-secondary-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .border-y-secondary-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .border-y-secondary-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .border-y-secondary-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .border-y-secondary-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .border-y-secondary-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .border-y-secondary-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .border-y-secondary-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .border-y-secondary-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .ring-secondary-950 { --tw-ring-color: var(--spectra-chromatic2-11); }
:root .ring-offset-secondary-950 { --tw-ring-offset-color: var(--spectra-chromatic2-11); }
:root .bg-accent-50 { background: var(--spectra-chromatic3-1); }
:root .bg-accent-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .bg-accent-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .bg-accent-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .bg-accent-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .bg-accent-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .bg-accent-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .bg-accent-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .bg-accent-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .bg-accent-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .text-accent-50 { color: var(--spectra-chromatic3-1); -webkit-text-fill-color: var(--spectra-chromatic3-1); }
:root .text-accent-50\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .text-accent-50\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .text-accent-50\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .text-accent-50\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .text-accent-50\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .text-accent-50\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .text-accent-50\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .text-accent-50\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .text-accent-50\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .border-accent-50 { border-color: var(--spectra-chromatic3-1); }
:root .border-accent-50\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .border-accent-50\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .border-accent-50\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .border-accent-50\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .border-accent-50\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .border-accent-50\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .border-accent-50\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .border-accent-50\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .border-accent-50\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .outline-accent-50 { outline-color: var(--spectra-chromatic3-1); }
:root .outline-accent-50\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .outline-accent-50\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .outline-accent-50\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .outline-accent-50\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .outline-accent-50\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .outline-accent-50\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .outline-accent-50\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .outline-accent-50\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .outline-accent-50\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .overlay-accent-50 { background: var(--spectra-chromatic3-1); }
:root .overlay-accent-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .overlay-accent-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .overlay-accent-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .overlay-accent-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .overlay-accent-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .overlay-accent-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .overlay-accent-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .overlay-accent-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .overlay-accent-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .fill-accent-50 { fill: var(--spectra-chromatic3-1); }
:root .fill-accent-50\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .fill-accent-50\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .fill-accent-50\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .fill-accent-50\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .fill-accent-50\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .fill-accent-50\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .fill-accent-50\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .fill-accent-50\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .fill-accent-50\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .stroke-accent-50 { stroke: var(--spectra-chromatic3-1); }
:root .stroke-accent-50\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .stroke-accent-50\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .stroke-accent-50\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .stroke-accent-50\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .stroke-accent-50\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .stroke-accent-50\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .stroke-accent-50\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .stroke-accent-50\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .stroke-accent-50\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .border-t-accent-50 { border-top-color: var(--spectra-chromatic3-1); }
:root .border-t-accent-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .border-t-accent-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .border-t-accent-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .border-t-accent-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .border-t-accent-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .border-t-accent-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .border-t-accent-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .border-t-accent-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .border-t-accent-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .border-r-accent-50 { border-right-color: var(--spectra-chromatic3-1); }
:root .border-r-accent-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .border-r-accent-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .border-r-accent-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .border-r-accent-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .border-r-accent-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .border-r-accent-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .border-r-accent-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .border-r-accent-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .border-r-accent-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .border-b-accent-50 { border-bottom-color: var(--spectra-chromatic3-1); }
:root .border-b-accent-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .border-b-accent-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .border-b-accent-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .border-b-accent-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .border-b-accent-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .border-b-accent-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .border-b-accent-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .border-b-accent-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .border-b-accent-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .border-l-accent-50 { border-left-color: var(--spectra-chromatic3-1); }
:root .border-l-accent-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .border-l-accent-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .border-l-accent-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .border-l-accent-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .border-l-accent-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .border-l-accent-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .border-l-accent-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .border-l-accent-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .border-l-accent-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .border-x-accent-50 { border-left-color: var(--spectra-chromatic3-1); border-right-color: var(--spectra-chromatic3-1); }
:root .border-x-accent-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .border-x-accent-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .border-x-accent-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .border-x-accent-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .border-x-accent-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .border-x-accent-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .border-x-accent-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .border-x-accent-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .border-x-accent-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .border-y-accent-50 { border-top-color: var(--spectra-chromatic3-1); border-bottom-color: var(--spectra-chromatic3-1); }
:root .border-y-accent-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .border-y-accent-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .border-y-accent-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .border-y-accent-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .border-y-accent-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .border-y-accent-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .border-y-accent-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .border-y-accent-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .border-y-accent-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .ring-accent-50 { --tw-ring-color: var(--spectra-chromatic3-1); }
:root .ring-offset-accent-50 { --tw-ring-offset-color: var(--spectra-chromatic3-1); }
:root .bg-accent-100 { background: var(--spectra-chromatic3-2); }
:root .bg-accent-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .bg-accent-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .bg-accent-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .bg-accent-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .bg-accent-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .bg-accent-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .bg-accent-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .bg-accent-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .bg-accent-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .text-accent-100 { color: var(--spectra-chromatic3-2); -webkit-text-fill-color: var(--spectra-chromatic3-2); }
:root .text-accent-100\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .text-accent-100\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .text-accent-100\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .text-accent-100\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .text-accent-100\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .text-accent-100\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .text-accent-100\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .text-accent-100\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .text-accent-100\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .border-accent-100 { border-color: var(--spectra-chromatic3-2); }
:root .border-accent-100\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .border-accent-100\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .border-accent-100\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .border-accent-100\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .border-accent-100\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .border-accent-100\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .border-accent-100\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .border-accent-100\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .border-accent-100\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .outline-accent-100 { outline-color: var(--spectra-chromatic3-2); }
:root .outline-accent-100\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .outline-accent-100\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .outline-accent-100\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .outline-accent-100\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .outline-accent-100\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .outline-accent-100\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .outline-accent-100\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .outline-accent-100\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .outline-accent-100\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .overlay-accent-100 { background: var(--spectra-chromatic3-2); }
:root .overlay-accent-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .overlay-accent-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .overlay-accent-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .overlay-accent-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .overlay-accent-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .overlay-accent-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .overlay-accent-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .overlay-accent-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .overlay-accent-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .fill-accent-100 { fill: var(--spectra-chromatic3-2); }
:root .fill-accent-100\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .fill-accent-100\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .fill-accent-100\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .fill-accent-100\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .fill-accent-100\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .fill-accent-100\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .fill-accent-100\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .fill-accent-100\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .fill-accent-100\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .stroke-accent-100 { stroke: var(--spectra-chromatic3-2); }
:root .stroke-accent-100\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .stroke-accent-100\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .stroke-accent-100\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .stroke-accent-100\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .stroke-accent-100\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .stroke-accent-100\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .stroke-accent-100\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .stroke-accent-100\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .stroke-accent-100\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .border-t-accent-100 { border-top-color: var(--spectra-chromatic3-2); }
:root .border-t-accent-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .border-t-accent-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .border-t-accent-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .border-t-accent-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .border-t-accent-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .border-t-accent-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .border-t-accent-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .border-t-accent-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .border-t-accent-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .border-r-accent-100 { border-right-color: var(--spectra-chromatic3-2); }
:root .border-r-accent-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .border-r-accent-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .border-r-accent-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .border-r-accent-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .border-r-accent-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .border-r-accent-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .border-r-accent-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .border-r-accent-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .border-r-accent-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .border-b-accent-100 { border-bottom-color: var(--spectra-chromatic3-2); }
:root .border-b-accent-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .border-b-accent-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .border-b-accent-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .border-b-accent-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .border-b-accent-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .border-b-accent-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .border-b-accent-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .border-b-accent-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .border-b-accent-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .border-l-accent-100 { border-left-color: var(--spectra-chromatic3-2); }
:root .border-l-accent-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .border-l-accent-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .border-l-accent-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .border-l-accent-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .border-l-accent-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .border-l-accent-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .border-l-accent-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .border-l-accent-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .border-l-accent-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .border-x-accent-100 { border-left-color: var(--spectra-chromatic3-2); border-right-color: var(--spectra-chromatic3-2); }
:root .border-x-accent-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .border-x-accent-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .border-x-accent-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .border-x-accent-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .border-x-accent-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .border-x-accent-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .border-x-accent-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .border-x-accent-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .border-x-accent-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .border-y-accent-100 { border-top-color: var(--spectra-chromatic3-2); border-bottom-color: var(--spectra-chromatic3-2); }
:root .border-y-accent-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .border-y-accent-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .border-y-accent-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .border-y-accent-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .border-y-accent-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .border-y-accent-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .border-y-accent-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .border-y-accent-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .border-y-accent-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .ring-accent-100 { --tw-ring-color: var(--spectra-chromatic3-2); }
:root .ring-offset-accent-100 { --tw-ring-offset-color: var(--spectra-chromatic3-2); }
:root .bg-accent-200 { background: var(--spectra-chromatic3-3); }
:root .bg-accent-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .bg-accent-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .bg-accent-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .bg-accent-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .bg-accent-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .bg-accent-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .bg-accent-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .bg-accent-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .bg-accent-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .text-accent-200 { color: var(--spectra-chromatic3-3); -webkit-text-fill-color: var(--spectra-chromatic3-3); }
:root .text-accent-200\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .text-accent-200\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .text-accent-200\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .text-accent-200\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .text-accent-200\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .text-accent-200\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .text-accent-200\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .text-accent-200\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .text-accent-200\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .border-accent-200 { border-color: var(--spectra-chromatic3-3); }
:root .border-accent-200\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .border-accent-200\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .border-accent-200\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .border-accent-200\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .border-accent-200\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .border-accent-200\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .border-accent-200\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .border-accent-200\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .border-accent-200\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .outline-accent-200 { outline-color: var(--spectra-chromatic3-3); }
:root .outline-accent-200\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .outline-accent-200\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .outline-accent-200\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .outline-accent-200\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .outline-accent-200\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .outline-accent-200\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .outline-accent-200\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .outline-accent-200\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .outline-accent-200\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .overlay-accent-200 { background: var(--spectra-chromatic3-3); }
:root .overlay-accent-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .overlay-accent-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .overlay-accent-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .overlay-accent-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .overlay-accent-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .overlay-accent-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .overlay-accent-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .overlay-accent-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .overlay-accent-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .fill-accent-200 { fill: var(--spectra-chromatic3-3); }
:root .fill-accent-200\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .fill-accent-200\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .fill-accent-200\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .fill-accent-200\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .fill-accent-200\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .fill-accent-200\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .fill-accent-200\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .fill-accent-200\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .fill-accent-200\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .stroke-accent-200 { stroke: var(--spectra-chromatic3-3); }
:root .stroke-accent-200\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .stroke-accent-200\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .stroke-accent-200\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .stroke-accent-200\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .stroke-accent-200\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .stroke-accent-200\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .stroke-accent-200\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .stroke-accent-200\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .stroke-accent-200\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .border-t-accent-200 { border-top-color: var(--spectra-chromatic3-3); }
:root .border-t-accent-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .border-t-accent-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .border-t-accent-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .border-t-accent-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .border-t-accent-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .border-t-accent-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .border-t-accent-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .border-t-accent-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .border-t-accent-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .border-r-accent-200 { border-right-color: var(--spectra-chromatic3-3); }
:root .border-r-accent-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .border-r-accent-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .border-r-accent-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .border-r-accent-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .border-r-accent-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .border-r-accent-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .border-r-accent-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .border-r-accent-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .border-r-accent-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .border-b-accent-200 { border-bottom-color: var(--spectra-chromatic3-3); }
:root .border-b-accent-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .border-b-accent-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .border-b-accent-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .border-b-accent-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .border-b-accent-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .border-b-accent-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .border-b-accent-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .border-b-accent-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .border-b-accent-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .border-l-accent-200 { border-left-color: var(--spectra-chromatic3-3); }
:root .border-l-accent-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .border-l-accent-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .border-l-accent-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .border-l-accent-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .border-l-accent-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .border-l-accent-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .border-l-accent-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .border-l-accent-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .border-l-accent-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .border-x-accent-200 { border-left-color: var(--spectra-chromatic3-3); border-right-color: var(--spectra-chromatic3-3); }
:root .border-x-accent-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .border-x-accent-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .border-x-accent-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .border-x-accent-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .border-x-accent-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .border-x-accent-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .border-x-accent-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .border-x-accent-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .border-x-accent-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .border-y-accent-200 { border-top-color: var(--spectra-chromatic3-3); border-bottom-color: var(--spectra-chromatic3-3); }
:root .border-y-accent-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .border-y-accent-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .border-y-accent-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .border-y-accent-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .border-y-accent-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .border-y-accent-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .border-y-accent-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .border-y-accent-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .border-y-accent-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .ring-accent-200 { --tw-ring-color: var(--spectra-chromatic3-3); }
:root .ring-offset-accent-200 { --tw-ring-offset-color: var(--spectra-chromatic3-3); }
:root .bg-accent-300 { background: var(--spectra-chromatic3-4); }
:root .bg-accent-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .bg-accent-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .bg-accent-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .bg-accent-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .bg-accent-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .bg-accent-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .bg-accent-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .bg-accent-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .bg-accent-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .text-accent-300 { color: var(--spectra-chromatic3-4); -webkit-text-fill-color: var(--spectra-chromatic3-4); }
:root .text-accent-300\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .text-accent-300\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .text-accent-300\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .text-accent-300\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .text-accent-300\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .text-accent-300\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .text-accent-300\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .text-accent-300\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .text-accent-300\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .border-accent-300 { border-color: var(--spectra-chromatic3-4); }
:root .border-accent-300\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .border-accent-300\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .border-accent-300\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .border-accent-300\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .border-accent-300\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .border-accent-300\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .border-accent-300\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .border-accent-300\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .border-accent-300\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .outline-accent-300 { outline-color: var(--spectra-chromatic3-4); }
:root .outline-accent-300\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .outline-accent-300\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .outline-accent-300\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .outline-accent-300\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .outline-accent-300\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .outline-accent-300\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .outline-accent-300\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .outline-accent-300\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .outline-accent-300\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .overlay-accent-300 { background: var(--spectra-chromatic3-4); }
:root .overlay-accent-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .overlay-accent-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .overlay-accent-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .overlay-accent-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .overlay-accent-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .overlay-accent-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .overlay-accent-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .overlay-accent-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .overlay-accent-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .fill-accent-300 { fill: var(--spectra-chromatic3-4); }
:root .fill-accent-300\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .fill-accent-300\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .fill-accent-300\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .fill-accent-300\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .fill-accent-300\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .fill-accent-300\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .fill-accent-300\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .fill-accent-300\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .fill-accent-300\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .stroke-accent-300 { stroke: var(--spectra-chromatic3-4); }
:root .stroke-accent-300\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .stroke-accent-300\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .stroke-accent-300\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .stroke-accent-300\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .stroke-accent-300\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .stroke-accent-300\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .stroke-accent-300\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .stroke-accent-300\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .stroke-accent-300\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .border-t-accent-300 { border-top-color: var(--spectra-chromatic3-4); }
:root .border-t-accent-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .border-t-accent-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .border-t-accent-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .border-t-accent-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .border-t-accent-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .border-t-accent-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .border-t-accent-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .border-t-accent-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .border-t-accent-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .border-r-accent-300 { border-right-color: var(--spectra-chromatic3-4); }
:root .border-r-accent-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .border-r-accent-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .border-r-accent-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .border-r-accent-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .border-r-accent-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .border-r-accent-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .border-r-accent-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .border-r-accent-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .border-r-accent-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .border-b-accent-300 { border-bottom-color: var(--spectra-chromatic3-4); }
:root .border-b-accent-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .border-b-accent-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .border-b-accent-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .border-b-accent-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .border-b-accent-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .border-b-accent-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .border-b-accent-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .border-b-accent-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .border-b-accent-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .border-l-accent-300 { border-left-color: var(--spectra-chromatic3-4); }
:root .border-l-accent-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .border-l-accent-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .border-l-accent-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .border-l-accent-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .border-l-accent-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .border-l-accent-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .border-l-accent-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .border-l-accent-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .border-l-accent-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .border-x-accent-300 { border-left-color: var(--spectra-chromatic3-4); border-right-color: var(--spectra-chromatic3-4); }
:root .border-x-accent-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .border-x-accent-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .border-x-accent-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .border-x-accent-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .border-x-accent-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .border-x-accent-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .border-x-accent-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .border-x-accent-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .border-x-accent-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .border-y-accent-300 { border-top-color: var(--spectra-chromatic3-4); border-bottom-color: var(--spectra-chromatic3-4); }
:root .border-y-accent-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .border-y-accent-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .border-y-accent-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .border-y-accent-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .border-y-accent-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .border-y-accent-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .border-y-accent-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .border-y-accent-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .border-y-accent-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .ring-accent-300 { --tw-ring-color: var(--spectra-chromatic3-4); }
:root .ring-offset-accent-300 { --tw-ring-offset-color: var(--spectra-chromatic3-4); }
:root .bg-accent-400 { background: var(--spectra-chromatic3-5); }
:root .bg-accent-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .bg-accent-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .bg-accent-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .bg-accent-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .bg-accent-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .bg-accent-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .bg-accent-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .bg-accent-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .bg-accent-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .text-accent-400 { color: var(--spectra-chromatic3-5); -webkit-text-fill-color: var(--spectra-chromatic3-5); }
:root .text-accent-400\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .text-accent-400\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .text-accent-400\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .text-accent-400\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .text-accent-400\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .text-accent-400\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .text-accent-400\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .text-accent-400\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .text-accent-400\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .border-accent-400 { border-color: var(--spectra-chromatic3-5); }
:root .border-accent-400\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .border-accent-400\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .border-accent-400\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .border-accent-400\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .border-accent-400\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .border-accent-400\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .border-accent-400\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .border-accent-400\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .border-accent-400\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .outline-accent-400 { outline-color: var(--spectra-chromatic3-5); }
:root .outline-accent-400\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .outline-accent-400\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .outline-accent-400\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .outline-accent-400\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .outline-accent-400\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .outline-accent-400\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .outline-accent-400\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .outline-accent-400\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .outline-accent-400\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .overlay-accent-400 { background: var(--spectra-chromatic3-5); }
:root .overlay-accent-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .overlay-accent-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .overlay-accent-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .overlay-accent-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .overlay-accent-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .overlay-accent-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .overlay-accent-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .overlay-accent-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .overlay-accent-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .fill-accent-400 { fill: var(--spectra-chromatic3-5); }
:root .fill-accent-400\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .fill-accent-400\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .fill-accent-400\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .fill-accent-400\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .fill-accent-400\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .fill-accent-400\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .fill-accent-400\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .fill-accent-400\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .fill-accent-400\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .stroke-accent-400 { stroke: var(--spectra-chromatic3-5); }
:root .stroke-accent-400\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .stroke-accent-400\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .stroke-accent-400\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .stroke-accent-400\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .stroke-accent-400\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .stroke-accent-400\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .stroke-accent-400\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .stroke-accent-400\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .stroke-accent-400\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .border-t-accent-400 { border-top-color: var(--spectra-chromatic3-5); }
:root .border-t-accent-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .border-t-accent-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .border-t-accent-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .border-t-accent-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .border-t-accent-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .border-t-accent-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .border-t-accent-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .border-t-accent-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .border-t-accent-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .border-r-accent-400 { border-right-color: var(--spectra-chromatic3-5); }
:root .border-r-accent-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .border-r-accent-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .border-r-accent-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .border-r-accent-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .border-r-accent-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .border-r-accent-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .border-r-accent-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .border-r-accent-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .border-r-accent-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .border-b-accent-400 { border-bottom-color: var(--spectra-chromatic3-5); }
:root .border-b-accent-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .border-b-accent-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .border-b-accent-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .border-b-accent-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .border-b-accent-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .border-b-accent-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .border-b-accent-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .border-b-accent-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .border-b-accent-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .border-l-accent-400 { border-left-color: var(--spectra-chromatic3-5); }
:root .border-l-accent-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .border-l-accent-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .border-l-accent-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .border-l-accent-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .border-l-accent-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .border-l-accent-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .border-l-accent-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .border-l-accent-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .border-l-accent-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .border-x-accent-400 { border-left-color: var(--spectra-chromatic3-5); border-right-color: var(--spectra-chromatic3-5); }
:root .border-x-accent-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .border-x-accent-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .border-x-accent-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .border-x-accent-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .border-x-accent-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .border-x-accent-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .border-x-accent-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .border-x-accent-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .border-x-accent-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .border-y-accent-400 { border-top-color: var(--spectra-chromatic3-5); border-bottom-color: var(--spectra-chromatic3-5); }
:root .border-y-accent-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .border-y-accent-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .border-y-accent-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .border-y-accent-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .border-y-accent-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .border-y-accent-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .border-y-accent-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .border-y-accent-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .border-y-accent-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .ring-accent-400 { --tw-ring-color: var(--spectra-chromatic3-5); }
:root .ring-offset-accent-400 { --tw-ring-offset-color: var(--spectra-chromatic3-5); }
:root .bg-accent-500 { background: var(--spectra-chromatic3-6); }
:root .bg-accent-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .bg-accent-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .bg-accent-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .bg-accent-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .bg-accent-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .bg-accent-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .bg-accent-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .bg-accent-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .bg-accent-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .text-accent-500 { color: var(--spectra-chromatic3-6); -webkit-text-fill-color: var(--spectra-chromatic3-6); }
:root .text-accent-500\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .text-accent-500\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .text-accent-500\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .text-accent-500\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .text-accent-500\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .text-accent-500\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .text-accent-500\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .text-accent-500\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .text-accent-500\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .border-accent-500 { border-color: var(--spectra-chromatic3-6); }
:root .border-accent-500\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .border-accent-500\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .border-accent-500\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .border-accent-500\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .border-accent-500\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .border-accent-500\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .border-accent-500\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .border-accent-500\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .border-accent-500\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .outline-accent-500 { outline-color: var(--spectra-chromatic3-6); }
:root .outline-accent-500\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .outline-accent-500\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .outline-accent-500\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .outline-accent-500\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .outline-accent-500\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .outline-accent-500\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .outline-accent-500\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .outline-accent-500\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .outline-accent-500\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .overlay-accent-500 { background: var(--spectra-chromatic3-6); }
:root .overlay-accent-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .overlay-accent-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .overlay-accent-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .overlay-accent-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .overlay-accent-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .overlay-accent-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .overlay-accent-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .overlay-accent-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .overlay-accent-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .fill-accent-500 { fill: var(--spectra-chromatic3-6); }
:root .fill-accent-500\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .fill-accent-500\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .fill-accent-500\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .fill-accent-500\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .fill-accent-500\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .fill-accent-500\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .fill-accent-500\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .fill-accent-500\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .fill-accent-500\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .stroke-accent-500 { stroke: var(--spectra-chromatic3-6); }
:root .stroke-accent-500\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .stroke-accent-500\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .stroke-accent-500\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .stroke-accent-500\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .stroke-accent-500\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .stroke-accent-500\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .stroke-accent-500\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .stroke-accent-500\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .stroke-accent-500\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .border-t-accent-500 { border-top-color: var(--spectra-chromatic3-6); }
:root .border-t-accent-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .border-t-accent-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .border-t-accent-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .border-t-accent-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .border-t-accent-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .border-t-accent-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .border-t-accent-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .border-t-accent-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .border-t-accent-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .border-r-accent-500 { border-right-color: var(--spectra-chromatic3-6); }
:root .border-r-accent-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .border-r-accent-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .border-r-accent-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .border-r-accent-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .border-r-accent-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .border-r-accent-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .border-r-accent-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .border-r-accent-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .border-r-accent-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .border-b-accent-500 { border-bottom-color: var(--spectra-chromatic3-6); }
:root .border-b-accent-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .border-b-accent-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .border-b-accent-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .border-b-accent-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .border-b-accent-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .border-b-accent-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .border-b-accent-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .border-b-accent-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .border-b-accent-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .border-l-accent-500 { border-left-color: var(--spectra-chromatic3-6); }
:root .border-l-accent-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .border-l-accent-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .border-l-accent-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .border-l-accent-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .border-l-accent-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .border-l-accent-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .border-l-accent-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .border-l-accent-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .border-l-accent-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .border-x-accent-500 { border-left-color: var(--spectra-chromatic3-6); border-right-color: var(--spectra-chromatic3-6); }
:root .border-x-accent-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .border-x-accent-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .border-x-accent-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .border-x-accent-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .border-x-accent-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .border-x-accent-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .border-x-accent-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .border-x-accent-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .border-x-accent-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .border-y-accent-500 { border-top-color: var(--spectra-chromatic3-6); border-bottom-color: var(--spectra-chromatic3-6); }
:root .border-y-accent-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .border-y-accent-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .border-y-accent-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .border-y-accent-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .border-y-accent-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .border-y-accent-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .border-y-accent-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .border-y-accent-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .border-y-accent-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .ring-accent-500 { --tw-ring-color: var(--spectra-chromatic3-6); }
:root .ring-offset-accent-500 { --tw-ring-offset-color: var(--spectra-chromatic3-6); }
:root .bg-accent-600 { background: var(--spectra-chromatic3-7); }
:root .bg-accent-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .bg-accent-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .bg-accent-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .bg-accent-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .bg-accent-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .bg-accent-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .bg-accent-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .bg-accent-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .bg-accent-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .text-accent-600 { color: var(--spectra-chromatic3-7); -webkit-text-fill-color: var(--spectra-chromatic3-7); }
:root .text-accent-600\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .text-accent-600\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .text-accent-600\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .text-accent-600\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .text-accent-600\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .text-accent-600\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .text-accent-600\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .text-accent-600\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .text-accent-600\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .border-accent-600 { border-color: var(--spectra-chromatic3-7); }
:root .border-accent-600\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .border-accent-600\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .border-accent-600\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .border-accent-600\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .border-accent-600\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .border-accent-600\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .border-accent-600\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .border-accent-600\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .border-accent-600\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .outline-accent-600 { outline-color: var(--spectra-chromatic3-7); }
:root .outline-accent-600\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .outline-accent-600\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .outline-accent-600\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .outline-accent-600\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .outline-accent-600\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .outline-accent-600\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .outline-accent-600\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .outline-accent-600\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .outline-accent-600\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .overlay-accent-600 { background: var(--spectra-chromatic3-7); }
:root .overlay-accent-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .overlay-accent-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .overlay-accent-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .overlay-accent-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .overlay-accent-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .overlay-accent-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .overlay-accent-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .overlay-accent-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .overlay-accent-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .fill-accent-600 { fill: var(--spectra-chromatic3-7); }
:root .fill-accent-600\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .fill-accent-600\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .fill-accent-600\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .fill-accent-600\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .fill-accent-600\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .fill-accent-600\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .fill-accent-600\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .fill-accent-600\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .fill-accent-600\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .stroke-accent-600 { stroke: var(--spectra-chromatic3-7); }
:root .stroke-accent-600\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .stroke-accent-600\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .stroke-accent-600\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .stroke-accent-600\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .stroke-accent-600\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .stroke-accent-600\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .stroke-accent-600\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .stroke-accent-600\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .stroke-accent-600\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .border-t-accent-600 { border-top-color: var(--spectra-chromatic3-7); }
:root .border-t-accent-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .border-t-accent-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .border-t-accent-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .border-t-accent-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .border-t-accent-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .border-t-accent-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .border-t-accent-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .border-t-accent-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .border-t-accent-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .border-r-accent-600 { border-right-color: var(--spectra-chromatic3-7); }
:root .border-r-accent-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .border-r-accent-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .border-r-accent-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .border-r-accent-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .border-r-accent-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .border-r-accent-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .border-r-accent-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .border-r-accent-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .border-r-accent-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .border-b-accent-600 { border-bottom-color: var(--spectra-chromatic3-7); }
:root .border-b-accent-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .border-b-accent-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .border-b-accent-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .border-b-accent-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .border-b-accent-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .border-b-accent-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .border-b-accent-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .border-b-accent-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .border-b-accent-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .border-l-accent-600 { border-left-color: var(--spectra-chromatic3-7); }
:root .border-l-accent-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .border-l-accent-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .border-l-accent-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .border-l-accent-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .border-l-accent-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .border-l-accent-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .border-l-accent-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .border-l-accent-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .border-l-accent-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .border-x-accent-600 { border-left-color: var(--spectra-chromatic3-7); border-right-color: var(--spectra-chromatic3-7); }
:root .border-x-accent-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .border-x-accent-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .border-x-accent-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .border-x-accent-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .border-x-accent-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .border-x-accent-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .border-x-accent-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .border-x-accent-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .border-x-accent-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .border-y-accent-600 { border-top-color: var(--spectra-chromatic3-7); border-bottom-color: var(--spectra-chromatic3-7); }
:root .border-y-accent-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .border-y-accent-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .border-y-accent-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .border-y-accent-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .border-y-accent-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .border-y-accent-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .border-y-accent-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .border-y-accent-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .border-y-accent-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .ring-accent-600 { --tw-ring-color: var(--spectra-chromatic3-7); }
:root .ring-offset-accent-600 { --tw-ring-offset-color: var(--spectra-chromatic3-7); }
:root .bg-accent-700 { background: var(--spectra-chromatic3-8); }
:root .bg-accent-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .bg-accent-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .bg-accent-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .bg-accent-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .bg-accent-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .bg-accent-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .bg-accent-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .bg-accent-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .bg-accent-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .text-accent-700 { color: var(--spectra-chromatic3-8); -webkit-text-fill-color: var(--spectra-chromatic3-8); }
:root .text-accent-700\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .text-accent-700\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .text-accent-700\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .text-accent-700\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .text-accent-700\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .text-accent-700\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .text-accent-700\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .text-accent-700\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .text-accent-700\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .border-accent-700 { border-color: var(--spectra-chromatic3-8); }
:root .border-accent-700\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .border-accent-700\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .border-accent-700\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .border-accent-700\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .border-accent-700\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .border-accent-700\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .border-accent-700\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .border-accent-700\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .border-accent-700\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .outline-accent-700 { outline-color: var(--spectra-chromatic3-8); }
:root .outline-accent-700\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .outline-accent-700\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .outline-accent-700\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .outline-accent-700\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .outline-accent-700\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .outline-accent-700\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .outline-accent-700\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .outline-accent-700\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .outline-accent-700\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .overlay-accent-700 { background: var(--spectra-chromatic3-8); }
:root .overlay-accent-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .overlay-accent-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .overlay-accent-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .overlay-accent-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .overlay-accent-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .overlay-accent-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .overlay-accent-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .overlay-accent-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .overlay-accent-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .fill-accent-700 { fill: var(--spectra-chromatic3-8); }
:root .fill-accent-700\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .fill-accent-700\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .fill-accent-700\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .fill-accent-700\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .fill-accent-700\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .fill-accent-700\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .fill-accent-700\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .fill-accent-700\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .fill-accent-700\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .stroke-accent-700 { stroke: var(--spectra-chromatic3-8); }
:root .stroke-accent-700\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .stroke-accent-700\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .stroke-accent-700\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .stroke-accent-700\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .stroke-accent-700\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .stroke-accent-700\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .stroke-accent-700\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .stroke-accent-700\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .stroke-accent-700\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .border-t-accent-700 { border-top-color: var(--spectra-chromatic3-8); }
:root .border-t-accent-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .border-t-accent-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .border-t-accent-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .border-t-accent-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .border-t-accent-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .border-t-accent-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .border-t-accent-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .border-t-accent-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .border-t-accent-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .border-r-accent-700 { border-right-color: var(--spectra-chromatic3-8); }
:root .border-r-accent-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .border-r-accent-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .border-r-accent-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .border-r-accent-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .border-r-accent-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .border-r-accent-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .border-r-accent-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .border-r-accent-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .border-r-accent-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .border-b-accent-700 { border-bottom-color: var(--spectra-chromatic3-8); }
:root .border-b-accent-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .border-b-accent-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .border-b-accent-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .border-b-accent-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .border-b-accent-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .border-b-accent-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .border-b-accent-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .border-b-accent-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .border-b-accent-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .border-l-accent-700 { border-left-color: var(--spectra-chromatic3-8); }
:root .border-l-accent-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .border-l-accent-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .border-l-accent-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .border-l-accent-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .border-l-accent-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .border-l-accent-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .border-l-accent-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .border-l-accent-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .border-l-accent-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .border-x-accent-700 { border-left-color: var(--spectra-chromatic3-8); border-right-color: var(--spectra-chromatic3-8); }
:root .border-x-accent-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .border-x-accent-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .border-x-accent-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .border-x-accent-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .border-x-accent-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .border-x-accent-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .border-x-accent-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .border-x-accent-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .border-x-accent-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .border-y-accent-700 { border-top-color: var(--spectra-chromatic3-8); border-bottom-color: var(--spectra-chromatic3-8); }
:root .border-y-accent-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .border-y-accent-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .border-y-accent-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .border-y-accent-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .border-y-accent-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .border-y-accent-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .border-y-accent-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .border-y-accent-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .border-y-accent-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .ring-accent-700 { --tw-ring-color: var(--spectra-chromatic3-8); }
:root .ring-offset-accent-700 { --tw-ring-offset-color: var(--spectra-chromatic3-8); }
:root .bg-accent-800 { background: var(--spectra-chromatic3-9); }
:root .bg-accent-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .bg-accent-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .bg-accent-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .bg-accent-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .bg-accent-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .bg-accent-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .bg-accent-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .bg-accent-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .bg-accent-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .text-accent-800 { color: var(--spectra-chromatic3-9); -webkit-text-fill-color: var(--spectra-chromatic3-9); }
:root .text-accent-800\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .text-accent-800\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .text-accent-800\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .text-accent-800\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .text-accent-800\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .text-accent-800\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .text-accent-800\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .text-accent-800\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .text-accent-800\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .border-accent-800 { border-color: var(--spectra-chromatic3-9); }
:root .border-accent-800\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .border-accent-800\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .border-accent-800\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .border-accent-800\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .border-accent-800\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .border-accent-800\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .border-accent-800\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .border-accent-800\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .border-accent-800\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .outline-accent-800 { outline-color: var(--spectra-chromatic3-9); }
:root .outline-accent-800\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .outline-accent-800\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .outline-accent-800\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .outline-accent-800\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .outline-accent-800\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .outline-accent-800\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .outline-accent-800\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .outline-accent-800\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .outline-accent-800\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .overlay-accent-800 { background: var(--spectra-chromatic3-9); }
:root .overlay-accent-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .overlay-accent-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .overlay-accent-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .overlay-accent-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .overlay-accent-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .overlay-accent-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .overlay-accent-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .overlay-accent-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .overlay-accent-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .fill-accent-800 { fill: var(--spectra-chromatic3-9); }
:root .fill-accent-800\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .fill-accent-800\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .fill-accent-800\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .fill-accent-800\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .fill-accent-800\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .fill-accent-800\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .fill-accent-800\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .fill-accent-800\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .fill-accent-800\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .stroke-accent-800 { stroke: var(--spectra-chromatic3-9); }
:root .stroke-accent-800\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .stroke-accent-800\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .stroke-accent-800\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .stroke-accent-800\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .stroke-accent-800\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .stroke-accent-800\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .stroke-accent-800\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .stroke-accent-800\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .stroke-accent-800\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .border-t-accent-800 { border-top-color: var(--spectra-chromatic3-9); }
:root .border-t-accent-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .border-t-accent-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .border-t-accent-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .border-t-accent-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .border-t-accent-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .border-t-accent-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .border-t-accent-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .border-t-accent-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .border-t-accent-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .border-r-accent-800 { border-right-color: var(--spectra-chromatic3-9); }
:root .border-r-accent-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .border-r-accent-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .border-r-accent-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .border-r-accent-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .border-r-accent-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .border-r-accent-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .border-r-accent-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .border-r-accent-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .border-r-accent-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .border-b-accent-800 { border-bottom-color: var(--spectra-chromatic3-9); }
:root .border-b-accent-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .border-b-accent-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .border-b-accent-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .border-b-accent-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .border-b-accent-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .border-b-accent-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .border-b-accent-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .border-b-accent-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .border-b-accent-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .border-l-accent-800 { border-left-color: var(--spectra-chromatic3-9); }
:root .border-l-accent-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .border-l-accent-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .border-l-accent-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .border-l-accent-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .border-l-accent-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .border-l-accent-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .border-l-accent-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .border-l-accent-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .border-l-accent-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .border-x-accent-800 { border-left-color: var(--spectra-chromatic3-9); border-right-color: var(--spectra-chromatic3-9); }
:root .border-x-accent-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .border-x-accent-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .border-x-accent-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .border-x-accent-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .border-x-accent-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .border-x-accent-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .border-x-accent-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .border-x-accent-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .border-x-accent-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .border-y-accent-800 { border-top-color: var(--spectra-chromatic3-9); border-bottom-color: var(--spectra-chromatic3-9); }
:root .border-y-accent-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .border-y-accent-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .border-y-accent-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .border-y-accent-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .border-y-accent-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .border-y-accent-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .border-y-accent-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .border-y-accent-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .border-y-accent-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .ring-accent-800 { --tw-ring-color: var(--spectra-chromatic3-9); }
:root .ring-offset-accent-800 { --tw-ring-offset-color: var(--spectra-chromatic3-9); }
:root .bg-accent-900 { background: var(--spectra-chromatic3-10); }
:root .bg-accent-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .bg-accent-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .bg-accent-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .bg-accent-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .bg-accent-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .bg-accent-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .bg-accent-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .bg-accent-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .bg-accent-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .text-accent-900 { color: var(--spectra-chromatic3-10); -webkit-text-fill-color: var(--spectra-chromatic3-10); }
:root .text-accent-900\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .text-accent-900\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .text-accent-900\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .text-accent-900\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .text-accent-900\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .text-accent-900\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .text-accent-900\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .text-accent-900\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .text-accent-900\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .border-accent-900 { border-color: var(--spectra-chromatic3-10); }
:root .border-accent-900\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .border-accent-900\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .border-accent-900\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .border-accent-900\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .border-accent-900\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .border-accent-900\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .border-accent-900\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .border-accent-900\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .border-accent-900\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .outline-accent-900 { outline-color: var(--spectra-chromatic3-10); }
:root .outline-accent-900\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .outline-accent-900\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .outline-accent-900\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .outline-accent-900\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .outline-accent-900\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .outline-accent-900\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .outline-accent-900\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .outline-accent-900\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .outline-accent-900\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .overlay-accent-900 { background: var(--spectra-chromatic3-10); }
:root .overlay-accent-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .overlay-accent-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .overlay-accent-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .overlay-accent-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .overlay-accent-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .overlay-accent-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .overlay-accent-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .overlay-accent-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .overlay-accent-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .fill-accent-900 { fill: var(--spectra-chromatic3-10); }
:root .fill-accent-900\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .fill-accent-900\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .fill-accent-900\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .fill-accent-900\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .fill-accent-900\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .fill-accent-900\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .fill-accent-900\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .fill-accent-900\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .fill-accent-900\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .stroke-accent-900 { stroke: var(--spectra-chromatic3-10); }
:root .stroke-accent-900\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .stroke-accent-900\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .stroke-accent-900\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .stroke-accent-900\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .stroke-accent-900\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .stroke-accent-900\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .stroke-accent-900\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .stroke-accent-900\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .stroke-accent-900\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .border-t-accent-900 { border-top-color: var(--spectra-chromatic3-10); }
:root .border-t-accent-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .border-t-accent-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .border-t-accent-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .border-t-accent-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .border-t-accent-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .border-t-accent-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .border-t-accent-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .border-t-accent-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .border-t-accent-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .border-r-accent-900 { border-right-color: var(--spectra-chromatic3-10); }
:root .border-r-accent-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .border-r-accent-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .border-r-accent-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .border-r-accent-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .border-r-accent-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .border-r-accent-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .border-r-accent-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .border-r-accent-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .border-r-accent-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .border-b-accent-900 { border-bottom-color: var(--spectra-chromatic3-10); }
:root .border-b-accent-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .border-b-accent-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .border-b-accent-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .border-b-accent-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .border-b-accent-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .border-b-accent-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .border-b-accent-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .border-b-accent-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .border-b-accent-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .border-l-accent-900 { border-left-color: var(--spectra-chromatic3-10); }
:root .border-l-accent-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .border-l-accent-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .border-l-accent-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .border-l-accent-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .border-l-accent-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .border-l-accent-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .border-l-accent-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .border-l-accent-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .border-l-accent-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .border-x-accent-900 { border-left-color: var(--spectra-chromatic3-10); border-right-color: var(--spectra-chromatic3-10); }
:root .border-x-accent-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .border-x-accent-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .border-x-accent-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .border-x-accent-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .border-x-accent-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .border-x-accent-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .border-x-accent-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .border-x-accent-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .border-x-accent-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .border-y-accent-900 { border-top-color: var(--spectra-chromatic3-10); border-bottom-color: var(--spectra-chromatic3-10); }
:root .border-y-accent-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .border-y-accent-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .border-y-accent-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .border-y-accent-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .border-y-accent-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .border-y-accent-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .border-y-accent-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .border-y-accent-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .border-y-accent-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .ring-accent-900 { --tw-ring-color: var(--spectra-chromatic3-10); }
:root .ring-offset-accent-900 { --tw-ring-offset-color: var(--spectra-chromatic3-10); }
:root .bg-accent-950 { background: var(--spectra-chromatic3-11); }
:root .bg-accent-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .bg-accent-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .bg-accent-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .bg-accent-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .bg-accent-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .bg-accent-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .bg-accent-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .bg-accent-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .bg-accent-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .text-accent-950 { color: var(--spectra-chromatic3-11); -webkit-text-fill-color: var(--spectra-chromatic3-11); }
:root .text-accent-950\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .text-accent-950\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .text-accent-950\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .text-accent-950\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .text-accent-950\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .text-accent-950\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .text-accent-950\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .text-accent-950\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .text-accent-950\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .border-accent-950 { border-color: var(--spectra-chromatic3-11); }
:root .border-accent-950\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .border-accent-950\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .border-accent-950\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .border-accent-950\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .border-accent-950\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .border-accent-950\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .border-accent-950\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .border-accent-950\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .border-accent-950\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .outline-accent-950 { outline-color: var(--spectra-chromatic3-11); }
:root .outline-accent-950\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .outline-accent-950\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .outline-accent-950\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .outline-accent-950\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .outline-accent-950\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .outline-accent-950\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .outline-accent-950\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .outline-accent-950\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .outline-accent-950\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .overlay-accent-950 { background: var(--spectra-chromatic3-11); }
:root .overlay-accent-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .overlay-accent-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .overlay-accent-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .overlay-accent-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .overlay-accent-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .overlay-accent-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .overlay-accent-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .overlay-accent-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .overlay-accent-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .fill-accent-950 { fill: var(--spectra-chromatic3-11); }
:root .fill-accent-950\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .fill-accent-950\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .fill-accent-950\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .fill-accent-950\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .fill-accent-950\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .fill-accent-950\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .fill-accent-950\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .fill-accent-950\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .fill-accent-950\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .stroke-accent-950 { stroke: var(--spectra-chromatic3-11); }
:root .stroke-accent-950\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .stroke-accent-950\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .stroke-accent-950\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .stroke-accent-950\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .stroke-accent-950\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .stroke-accent-950\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .stroke-accent-950\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .stroke-accent-950\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .stroke-accent-950\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .border-t-accent-950 { border-top-color: var(--spectra-chromatic3-11); }
:root .border-t-accent-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .border-t-accent-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .border-t-accent-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .border-t-accent-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .border-t-accent-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .border-t-accent-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .border-t-accent-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .border-t-accent-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .border-t-accent-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .border-r-accent-950 { border-right-color: var(--spectra-chromatic3-11); }
:root .border-r-accent-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .border-r-accent-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .border-r-accent-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .border-r-accent-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .border-r-accent-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .border-r-accent-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .border-r-accent-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .border-r-accent-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .border-r-accent-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .border-b-accent-950 { border-bottom-color: var(--spectra-chromatic3-11); }
:root .border-b-accent-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .border-b-accent-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .border-b-accent-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .border-b-accent-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .border-b-accent-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .border-b-accent-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .border-b-accent-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .border-b-accent-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .border-b-accent-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .border-l-accent-950 { border-left-color: var(--spectra-chromatic3-11); }
:root .border-l-accent-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .border-l-accent-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .border-l-accent-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .border-l-accent-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .border-l-accent-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .border-l-accent-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .border-l-accent-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .border-l-accent-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .border-l-accent-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .border-x-accent-950 { border-left-color: var(--spectra-chromatic3-11); border-right-color: var(--spectra-chromatic3-11); }
:root .border-x-accent-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .border-x-accent-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .border-x-accent-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .border-x-accent-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .border-x-accent-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .border-x-accent-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .border-x-accent-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .border-x-accent-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .border-x-accent-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .border-y-accent-950 { border-top-color: var(--spectra-chromatic3-11); border-bottom-color: var(--spectra-chromatic3-11); }
:root .border-y-accent-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .border-y-accent-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .border-y-accent-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .border-y-accent-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .border-y-accent-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .border-y-accent-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .border-y-accent-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .border-y-accent-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .border-y-accent-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .ring-accent-950 { --tw-ring-color: var(--spectra-chromatic3-11); }
:root .ring-offset-accent-950 { --tw-ring-offset-color: var(--spectra-chromatic3-11); }
:root .bg-success-50 { background: var(--spectra-chromatic4-1); }
:root .bg-success-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .bg-success-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .bg-success-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .bg-success-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .bg-success-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .bg-success-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .bg-success-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .bg-success-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .bg-success-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .text-success-50 { color: var(--spectra-chromatic4-1); -webkit-text-fill-color: var(--spectra-chromatic4-1); }
:root .text-success-50\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .text-success-50\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .text-success-50\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .text-success-50\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .text-success-50\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .text-success-50\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .text-success-50\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .text-success-50\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .text-success-50\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .border-success-50 { border-color: var(--spectra-chromatic4-1); }
:root .border-success-50\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .border-success-50\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .border-success-50\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .border-success-50\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .border-success-50\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .border-success-50\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .border-success-50\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .border-success-50\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .border-success-50\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .outline-success-50 { outline-color: var(--spectra-chromatic4-1); }
:root .outline-success-50\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .outline-success-50\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .outline-success-50\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .outline-success-50\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .outline-success-50\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .outline-success-50\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .outline-success-50\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .outline-success-50\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .outline-success-50\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .overlay-success-50 { background: var(--spectra-chromatic4-1); }
:root .overlay-success-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .overlay-success-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .overlay-success-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .overlay-success-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .overlay-success-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .overlay-success-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .overlay-success-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .overlay-success-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .overlay-success-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .fill-success-50 { fill: var(--spectra-chromatic4-1); }
:root .fill-success-50\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .fill-success-50\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .fill-success-50\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .fill-success-50\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .fill-success-50\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .fill-success-50\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .fill-success-50\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .fill-success-50\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .fill-success-50\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .stroke-success-50 { stroke: var(--spectra-chromatic4-1); }
:root .stroke-success-50\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .stroke-success-50\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .stroke-success-50\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .stroke-success-50\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .stroke-success-50\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .stroke-success-50\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .stroke-success-50\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .stroke-success-50\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .stroke-success-50\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .border-t-success-50 { border-top-color: var(--spectra-chromatic4-1); }
:root .border-t-success-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .border-t-success-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .border-t-success-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .border-t-success-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .border-t-success-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .border-t-success-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .border-t-success-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .border-t-success-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .border-t-success-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .border-r-success-50 { border-right-color: var(--spectra-chromatic4-1); }
:root .border-r-success-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .border-r-success-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .border-r-success-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .border-r-success-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .border-r-success-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .border-r-success-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .border-r-success-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .border-r-success-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .border-r-success-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .border-b-success-50 { border-bottom-color: var(--spectra-chromatic4-1); }
:root .border-b-success-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .border-b-success-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .border-b-success-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .border-b-success-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .border-b-success-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .border-b-success-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .border-b-success-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .border-b-success-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .border-b-success-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .border-l-success-50 { border-left-color: var(--spectra-chromatic4-1); }
:root .border-l-success-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .border-l-success-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .border-l-success-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .border-l-success-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .border-l-success-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .border-l-success-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .border-l-success-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .border-l-success-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .border-l-success-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .border-x-success-50 { border-left-color: var(--spectra-chromatic4-1); border-right-color: var(--spectra-chromatic4-1); }
:root .border-x-success-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .border-x-success-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .border-x-success-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .border-x-success-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .border-x-success-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .border-x-success-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .border-x-success-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .border-x-success-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .border-x-success-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .border-y-success-50 { border-top-color: var(--spectra-chromatic4-1); border-bottom-color: var(--spectra-chromatic4-1); }
:root .border-y-success-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .border-y-success-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .border-y-success-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .border-y-success-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .border-y-success-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .border-y-success-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .border-y-success-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .border-y-success-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .border-y-success-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .ring-success-50 { --tw-ring-color: var(--spectra-chromatic4-1); }
:root .ring-offset-success-50 { --tw-ring-offset-color: var(--spectra-chromatic4-1); }
:root .bg-success-100 { background: var(--spectra-chromatic4-2); }
:root .bg-success-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .bg-success-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .bg-success-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .bg-success-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .bg-success-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .bg-success-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .bg-success-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .bg-success-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .bg-success-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .text-success-100 { color: var(--spectra-chromatic4-2); -webkit-text-fill-color: var(--spectra-chromatic4-2); }
:root .text-success-100\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .text-success-100\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .text-success-100\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .text-success-100\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .text-success-100\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .text-success-100\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .text-success-100\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .text-success-100\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .text-success-100\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .border-success-100 { border-color: var(--spectra-chromatic4-2); }
:root .border-success-100\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .border-success-100\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .border-success-100\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .border-success-100\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .border-success-100\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .border-success-100\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .border-success-100\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .border-success-100\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .border-success-100\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .outline-success-100 { outline-color: var(--spectra-chromatic4-2); }
:root .outline-success-100\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .outline-success-100\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .outline-success-100\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .outline-success-100\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .outline-success-100\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .outline-success-100\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .outline-success-100\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .outline-success-100\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .outline-success-100\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .overlay-success-100 { background: var(--spectra-chromatic4-2); }
:root .overlay-success-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .overlay-success-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .overlay-success-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .overlay-success-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .overlay-success-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .overlay-success-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .overlay-success-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .overlay-success-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .overlay-success-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .fill-success-100 { fill: var(--spectra-chromatic4-2); }
:root .fill-success-100\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .fill-success-100\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .fill-success-100\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .fill-success-100\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .fill-success-100\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .fill-success-100\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .fill-success-100\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .fill-success-100\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .fill-success-100\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .stroke-success-100 { stroke: var(--spectra-chromatic4-2); }
:root .stroke-success-100\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .stroke-success-100\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .stroke-success-100\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .stroke-success-100\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .stroke-success-100\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .stroke-success-100\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .stroke-success-100\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .stroke-success-100\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .stroke-success-100\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .border-t-success-100 { border-top-color: var(--spectra-chromatic4-2); }
:root .border-t-success-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .border-t-success-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .border-t-success-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .border-t-success-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .border-t-success-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .border-t-success-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .border-t-success-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .border-t-success-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .border-t-success-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .border-r-success-100 { border-right-color: var(--spectra-chromatic4-2); }
:root .border-r-success-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .border-r-success-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .border-r-success-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .border-r-success-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .border-r-success-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .border-r-success-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .border-r-success-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .border-r-success-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .border-r-success-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .border-b-success-100 { border-bottom-color: var(--spectra-chromatic4-2); }
:root .border-b-success-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .border-b-success-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .border-b-success-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .border-b-success-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .border-b-success-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .border-b-success-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .border-b-success-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .border-b-success-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .border-b-success-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .border-l-success-100 { border-left-color: var(--spectra-chromatic4-2); }
:root .border-l-success-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .border-l-success-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .border-l-success-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .border-l-success-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .border-l-success-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .border-l-success-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .border-l-success-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .border-l-success-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .border-l-success-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .border-x-success-100 { border-left-color: var(--spectra-chromatic4-2); border-right-color: var(--spectra-chromatic4-2); }
:root .border-x-success-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .border-x-success-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .border-x-success-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .border-x-success-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .border-x-success-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .border-x-success-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .border-x-success-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .border-x-success-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .border-x-success-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .border-y-success-100 { border-top-color: var(--spectra-chromatic4-2); border-bottom-color: var(--spectra-chromatic4-2); }
:root .border-y-success-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .border-y-success-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .border-y-success-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .border-y-success-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .border-y-success-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .border-y-success-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .border-y-success-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .border-y-success-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .border-y-success-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .ring-success-100 { --tw-ring-color: var(--spectra-chromatic4-2); }
:root .ring-offset-success-100 { --tw-ring-offset-color: var(--spectra-chromatic4-2); }
:root .bg-success-200 { background: var(--spectra-chromatic4-3); }
:root .bg-success-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .bg-success-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .bg-success-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .bg-success-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .bg-success-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .bg-success-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .bg-success-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .bg-success-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .bg-success-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .text-success-200 { color: var(--spectra-chromatic4-3); -webkit-text-fill-color: var(--spectra-chromatic4-3); }
:root .text-success-200\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .text-success-200\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .text-success-200\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .text-success-200\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .text-success-200\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .text-success-200\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .text-success-200\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .text-success-200\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .text-success-200\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .border-success-200 { border-color: var(--spectra-chromatic4-3); }
:root .border-success-200\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .border-success-200\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .border-success-200\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .border-success-200\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .border-success-200\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .border-success-200\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .border-success-200\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .border-success-200\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .border-success-200\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .outline-success-200 { outline-color: var(--spectra-chromatic4-3); }
:root .outline-success-200\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .outline-success-200\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .outline-success-200\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .outline-success-200\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .outline-success-200\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .outline-success-200\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .outline-success-200\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .outline-success-200\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .outline-success-200\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .overlay-success-200 { background: var(--spectra-chromatic4-3); }
:root .overlay-success-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .overlay-success-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .overlay-success-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .overlay-success-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .overlay-success-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .overlay-success-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .overlay-success-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .overlay-success-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .overlay-success-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .fill-success-200 { fill: var(--spectra-chromatic4-3); }
:root .fill-success-200\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .fill-success-200\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .fill-success-200\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .fill-success-200\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .fill-success-200\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .fill-success-200\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .fill-success-200\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .fill-success-200\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .fill-success-200\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .stroke-success-200 { stroke: var(--spectra-chromatic4-3); }
:root .stroke-success-200\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .stroke-success-200\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .stroke-success-200\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .stroke-success-200\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .stroke-success-200\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .stroke-success-200\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .stroke-success-200\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .stroke-success-200\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .stroke-success-200\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .border-t-success-200 { border-top-color: var(--spectra-chromatic4-3); }
:root .border-t-success-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .border-t-success-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .border-t-success-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .border-t-success-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .border-t-success-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .border-t-success-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .border-t-success-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .border-t-success-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .border-t-success-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .border-r-success-200 { border-right-color: var(--spectra-chromatic4-3); }
:root .border-r-success-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .border-r-success-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .border-r-success-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .border-r-success-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .border-r-success-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .border-r-success-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .border-r-success-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .border-r-success-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .border-r-success-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .border-b-success-200 { border-bottom-color: var(--spectra-chromatic4-3); }
:root .border-b-success-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .border-b-success-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .border-b-success-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .border-b-success-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .border-b-success-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .border-b-success-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .border-b-success-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .border-b-success-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .border-b-success-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .border-l-success-200 { border-left-color: var(--spectra-chromatic4-3); }
:root .border-l-success-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .border-l-success-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .border-l-success-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .border-l-success-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .border-l-success-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .border-l-success-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .border-l-success-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .border-l-success-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .border-l-success-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .border-x-success-200 { border-left-color: var(--spectra-chromatic4-3); border-right-color: var(--spectra-chromatic4-3); }
:root .border-x-success-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .border-x-success-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .border-x-success-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .border-x-success-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .border-x-success-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .border-x-success-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .border-x-success-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .border-x-success-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .border-x-success-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .border-y-success-200 { border-top-color: var(--spectra-chromatic4-3); border-bottom-color: var(--spectra-chromatic4-3); }
:root .border-y-success-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .border-y-success-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .border-y-success-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .border-y-success-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .border-y-success-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .border-y-success-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .border-y-success-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .border-y-success-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .border-y-success-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .ring-success-200 { --tw-ring-color: var(--spectra-chromatic4-3); }
:root .ring-offset-success-200 { --tw-ring-offset-color: var(--spectra-chromatic4-3); }
:root .bg-success-300 { background: var(--spectra-chromatic4-4); }
:root .bg-success-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .bg-success-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .bg-success-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .bg-success-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .bg-success-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .bg-success-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .bg-success-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .bg-success-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .bg-success-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .text-success-300 { color: var(--spectra-chromatic4-4); -webkit-text-fill-color: var(--spectra-chromatic4-4); }
:root .text-success-300\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .text-success-300\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .text-success-300\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .text-success-300\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .text-success-300\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .text-success-300\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .text-success-300\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .text-success-300\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .text-success-300\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .border-success-300 { border-color: var(--spectra-chromatic4-4); }
:root .border-success-300\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .border-success-300\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .border-success-300\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .border-success-300\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .border-success-300\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .border-success-300\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .border-success-300\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .border-success-300\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .border-success-300\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .outline-success-300 { outline-color: var(--spectra-chromatic4-4); }
:root .outline-success-300\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .outline-success-300\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .outline-success-300\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .outline-success-300\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .outline-success-300\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .outline-success-300\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .outline-success-300\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .outline-success-300\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .outline-success-300\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .overlay-success-300 { background: var(--spectra-chromatic4-4); }
:root .overlay-success-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .overlay-success-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .overlay-success-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .overlay-success-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .overlay-success-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .overlay-success-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .overlay-success-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .overlay-success-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .overlay-success-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .fill-success-300 { fill: var(--spectra-chromatic4-4); }
:root .fill-success-300\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .fill-success-300\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .fill-success-300\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .fill-success-300\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .fill-success-300\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .fill-success-300\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .fill-success-300\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .fill-success-300\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .fill-success-300\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .stroke-success-300 { stroke: var(--spectra-chromatic4-4); }
:root .stroke-success-300\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .stroke-success-300\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .stroke-success-300\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .stroke-success-300\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .stroke-success-300\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .stroke-success-300\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .stroke-success-300\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .stroke-success-300\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .stroke-success-300\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .border-t-success-300 { border-top-color: var(--spectra-chromatic4-4); }
:root .border-t-success-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .border-t-success-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .border-t-success-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .border-t-success-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .border-t-success-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .border-t-success-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .border-t-success-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .border-t-success-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .border-t-success-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .border-r-success-300 { border-right-color: var(--spectra-chromatic4-4); }
:root .border-r-success-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .border-r-success-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .border-r-success-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .border-r-success-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .border-r-success-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .border-r-success-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .border-r-success-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .border-r-success-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .border-r-success-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .border-b-success-300 { border-bottom-color: var(--spectra-chromatic4-4); }
:root .border-b-success-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .border-b-success-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .border-b-success-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .border-b-success-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .border-b-success-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .border-b-success-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .border-b-success-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .border-b-success-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .border-b-success-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .border-l-success-300 { border-left-color: var(--spectra-chromatic4-4); }
:root .border-l-success-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .border-l-success-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .border-l-success-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .border-l-success-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .border-l-success-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .border-l-success-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .border-l-success-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .border-l-success-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .border-l-success-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .border-x-success-300 { border-left-color: var(--spectra-chromatic4-4); border-right-color: var(--spectra-chromatic4-4); }
:root .border-x-success-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .border-x-success-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .border-x-success-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .border-x-success-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .border-x-success-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .border-x-success-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .border-x-success-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .border-x-success-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .border-x-success-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .border-y-success-300 { border-top-color: var(--spectra-chromatic4-4); border-bottom-color: var(--spectra-chromatic4-4); }
:root .border-y-success-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .border-y-success-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .border-y-success-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .border-y-success-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .border-y-success-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .border-y-success-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .border-y-success-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .border-y-success-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .border-y-success-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .ring-success-300 { --tw-ring-color: var(--spectra-chromatic4-4); }
:root .ring-offset-success-300 { --tw-ring-offset-color: var(--spectra-chromatic4-4); }
:root .bg-success-400 { background: var(--spectra-chromatic4-5); }
:root .bg-success-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .bg-success-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .bg-success-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .bg-success-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .bg-success-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .bg-success-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .bg-success-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .bg-success-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .bg-success-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .text-success-400 { color: var(--spectra-chromatic4-5); -webkit-text-fill-color: var(--spectra-chromatic4-5); }
:root .text-success-400\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .text-success-400\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .text-success-400\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .text-success-400\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .text-success-400\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .text-success-400\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .text-success-400\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .text-success-400\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .text-success-400\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .border-success-400 { border-color: var(--spectra-chromatic4-5); }
:root .border-success-400\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .border-success-400\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .border-success-400\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .border-success-400\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .border-success-400\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .border-success-400\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .border-success-400\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .border-success-400\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .border-success-400\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .outline-success-400 { outline-color: var(--spectra-chromatic4-5); }
:root .outline-success-400\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .outline-success-400\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .outline-success-400\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .outline-success-400\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .outline-success-400\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .outline-success-400\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .outline-success-400\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .outline-success-400\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .outline-success-400\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .overlay-success-400 { background: var(--spectra-chromatic4-5); }
:root .overlay-success-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .overlay-success-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .overlay-success-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .overlay-success-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .overlay-success-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .overlay-success-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .overlay-success-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .overlay-success-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .overlay-success-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .fill-success-400 { fill: var(--spectra-chromatic4-5); }
:root .fill-success-400\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .fill-success-400\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .fill-success-400\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .fill-success-400\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .fill-success-400\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .fill-success-400\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .fill-success-400\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .fill-success-400\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .fill-success-400\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .stroke-success-400 { stroke: var(--spectra-chromatic4-5); }
:root .stroke-success-400\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .stroke-success-400\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .stroke-success-400\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .stroke-success-400\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .stroke-success-400\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .stroke-success-400\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .stroke-success-400\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .stroke-success-400\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .stroke-success-400\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .border-t-success-400 { border-top-color: var(--spectra-chromatic4-5); }
:root .border-t-success-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .border-t-success-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .border-t-success-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .border-t-success-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .border-t-success-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .border-t-success-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .border-t-success-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .border-t-success-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .border-t-success-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .border-r-success-400 { border-right-color: var(--spectra-chromatic4-5); }
:root .border-r-success-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .border-r-success-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .border-r-success-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .border-r-success-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .border-r-success-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .border-r-success-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .border-r-success-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .border-r-success-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .border-r-success-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .border-b-success-400 { border-bottom-color: var(--spectra-chromatic4-5); }
:root .border-b-success-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .border-b-success-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .border-b-success-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .border-b-success-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .border-b-success-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .border-b-success-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .border-b-success-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .border-b-success-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .border-b-success-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .border-l-success-400 { border-left-color: var(--spectra-chromatic4-5); }
:root .border-l-success-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .border-l-success-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .border-l-success-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .border-l-success-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .border-l-success-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .border-l-success-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .border-l-success-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .border-l-success-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .border-l-success-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .border-x-success-400 { border-left-color: var(--spectra-chromatic4-5); border-right-color: var(--spectra-chromatic4-5); }
:root .border-x-success-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .border-x-success-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .border-x-success-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .border-x-success-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .border-x-success-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .border-x-success-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .border-x-success-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .border-x-success-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .border-x-success-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .border-y-success-400 { border-top-color: var(--spectra-chromatic4-5); border-bottom-color: var(--spectra-chromatic4-5); }
:root .border-y-success-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .border-y-success-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .border-y-success-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .border-y-success-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .border-y-success-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .border-y-success-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .border-y-success-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .border-y-success-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .border-y-success-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .ring-success-400 { --tw-ring-color: var(--spectra-chromatic4-5); }
:root .ring-offset-success-400 { --tw-ring-offset-color: var(--spectra-chromatic4-5); }
:root .bg-success-500 { background: var(--spectra-chromatic4-6); }
:root .bg-success-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .bg-success-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .bg-success-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .bg-success-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .bg-success-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .bg-success-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .bg-success-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .bg-success-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .bg-success-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .text-success-500 { color: var(--spectra-chromatic4-6); -webkit-text-fill-color: var(--spectra-chromatic4-6); }
:root .text-success-500\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .text-success-500\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .text-success-500\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .text-success-500\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .text-success-500\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .text-success-500\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .text-success-500\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .text-success-500\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .text-success-500\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .border-success-500 { border-color: var(--spectra-chromatic4-6); }
:root .border-success-500\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .border-success-500\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .border-success-500\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .border-success-500\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .border-success-500\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .border-success-500\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .border-success-500\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .border-success-500\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .border-success-500\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .outline-success-500 { outline-color: var(--spectra-chromatic4-6); }
:root .outline-success-500\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .outline-success-500\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .outline-success-500\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .outline-success-500\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .outline-success-500\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .outline-success-500\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .outline-success-500\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .outline-success-500\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .outline-success-500\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .overlay-success-500 { background: var(--spectra-chromatic4-6); }
:root .overlay-success-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .overlay-success-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .overlay-success-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .overlay-success-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .overlay-success-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .overlay-success-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .overlay-success-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .overlay-success-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .overlay-success-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .fill-success-500 { fill: var(--spectra-chromatic4-6); }
:root .fill-success-500\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .fill-success-500\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .fill-success-500\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .fill-success-500\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .fill-success-500\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .fill-success-500\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .fill-success-500\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .fill-success-500\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .fill-success-500\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .stroke-success-500 { stroke: var(--spectra-chromatic4-6); }
:root .stroke-success-500\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .stroke-success-500\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .stroke-success-500\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .stroke-success-500\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .stroke-success-500\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .stroke-success-500\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .stroke-success-500\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .stroke-success-500\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .stroke-success-500\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .border-t-success-500 { border-top-color: var(--spectra-chromatic4-6); }
:root .border-t-success-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .border-t-success-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .border-t-success-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .border-t-success-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .border-t-success-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .border-t-success-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .border-t-success-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .border-t-success-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .border-t-success-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .border-r-success-500 { border-right-color: var(--spectra-chromatic4-6); }
:root .border-r-success-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .border-r-success-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .border-r-success-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .border-r-success-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .border-r-success-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .border-r-success-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .border-r-success-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .border-r-success-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .border-r-success-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .border-b-success-500 { border-bottom-color: var(--spectra-chromatic4-6); }
:root .border-b-success-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .border-b-success-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .border-b-success-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .border-b-success-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .border-b-success-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .border-b-success-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .border-b-success-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .border-b-success-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .border-b-success-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .border-l-success-500 { border-left-color: var(--spectra-chromatic4-6); }
:root .border-l-success-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .border-l-success-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .border-l-success-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .border-l-success-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .border-l-success-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .border-l-success-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .border-l-success-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .border-l-success-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .border-l-success-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .border-x-success-500 { border-left-color: var(--spectra-chromatic4-6); border-right-color: var(--spectra-chromatic4-6); }
:root .border-x-success-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .border-x-success-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .border-x-success-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .border-x-success-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .border-x-success-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .border-x-success-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .border-x-success-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .border-x-success-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .border-x-success-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .border-y-success-500 { border-top-color: var(--spectra-chromatic4-6); border-bottom-color: var(--spectra-chromatic4-6); }
:root .border-y-success-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .border-y-success-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .border-y-success-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .border-y-success-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .border-y-success-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .border-y-success-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .border-y-success-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .border-y-success-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .border-y-success-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .ring-success-500 { --tw-ring-color: var(--spectra-chromatic4-6); }
:root .ring-offset-success-500 { --tw-ring-offset-color: var(--spectra-chromatic4-6); }
:root .bg-success-600 { background: var(--spectra-chromatic4-7); }
:root .bg-success-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .bg-success-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .bg-success-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .bg-success-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .bg-success-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .bg-success-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .bg-success-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .bg-success-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .bg-success-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .text-success-600 { color: var(--spectra-chromatic4-7); -webkit-text-fill-color: var(--spectra-chromatic4-7); }
:root .text-success-600\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .text-success-600\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .text-success-600\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .text-success-600\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .text-success-600\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .text-success-600\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .text-success-600\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .text-success-600\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .text-success-600\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .border-success-600 { border-color: var(--spectra-chromatic4-7); }
:root .border-success-600\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .border-success-600\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .border-success-600\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .border-success-600\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .border-success-600\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .border-success-600\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .border-success-600\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .border-success-600\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .border-success-600\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .outline-success-600 { outline-color: var(--spectra-chromatic4-7); }
:root .outline-success-600\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .outline-success-600\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .outline-success-600\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .outline-success-600\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .outline-success-600\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .outline-success-600\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .outline-success-600\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .outline-success-600\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .outline-success-600\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .overlay-success-600 { background: var(--spectra-chromatic4-7); }
:root .overlay-success-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .overlay-success-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .overlay-success-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .overlay-success-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .overlay-success-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .overlay-success-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .overlay-success-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .overlay-success-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .overlay-success-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .fill-success-600 { fill: var(--spectra-chromatic4-7); }
:root .fill-success-600\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .fill-success-600\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .fill-success-600\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .fill-success-600\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .fill-success-600\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .fill-success-600\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .fill-success-600\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .fill-success-600\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .fill-success-600\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .stroke-success-600 { stroke: var(--spectra-chromatic4-7); }
:root .stroke-success-600\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .stroke-success-600\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .stroke-success-600\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .stroke-success-600\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .stroke-success-600\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .stroke-success-600\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .stroke-success-600\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .stroke-success-600\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .stroke-success-600\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .border-t-success-600 { border-top-color: var(--spectra-chromatic4-7); }
:root .border-t-success-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .border-t-success-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .border-t-success-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .border-t-success-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .border-t-success-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .border-t-success-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .border-t-success-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .border-t-success-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .border-t-success-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .border-r-success-600 { border-right-color: var(--spectra-chromatic4-7); }
:root .border-r-success-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .border-r-success-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .border-r-success-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .border-r-success-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .border-r-success-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .border-r-success-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .border-r-success-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .border-r-success-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .border-r-success-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .border-b-success-600 { border-bottom-color: var(--spectra-chromatic4-7); }
:root .border-b-success-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .border-b-success-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .border-b-success-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .border-b-success-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .border-b-success-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .border-b-success-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .border-b-success-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .border-b-success-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .border-b-success-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .border-l-success-600 { border-left-color: var(--spectra-chromatic4-7); }
:root .border-l-success-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .border-l-success-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .border-l-success-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .border-l-success-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .border-l-success-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .border-l-success-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .border-l-success-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .border-l-success-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .border-l-success-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .border-x-success-600 { border-left-color: var(--spectra-chromatic4-7); border-right-color: var(--spectra-chromatic4-7); }
:root .border-x-success-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .border-x-success-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .border-x-success-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .border-x-success-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .border-x-success-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .border-x-success-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .border-x-success-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .border-x-success-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .border-x-success-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .border-y-success-600 { border-top-color: var(--spectra-chromatic4-7); border-bottom-color: var(--spectra-chromatic4-7); }
:root .border-y-success-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .border-y-success-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .border-y-success-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .border-y-success-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .border-y-success-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .border-y-success-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .border-y-success-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .border-y-success-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .border-y-success-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .ring-success-600 { --tw-ring-color: var(--spectra-chromatic4-7); }
:root .ring-offset-success-600 { --tw-ring-offset-color: var(--spectra-chromatic4-7); }
:root .bg-success-700 { background: var(--spectra-chromatic4-8); }
:root .bg-success-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .bg-success-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .bg-success-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .bg-success-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .bg-success-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .bg-success-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .bg-success-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .bg-success-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .bg-success-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .text-success-700 { color: var(--spectra-chromatic4-8); -webkit-text-fill-color: var(--spectra-chromatic4-8); }
:root .text-success-700\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .text-success-700\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .text-success-700\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .text-success-700\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .text-success-700\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .text-success-700\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .text-success-700\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .text-success-700\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .text-success-700\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .border-success-700 { border-color: var(--spectra-chromatic4-8); }
:root .border-success-700\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .border-success-700\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .border-success-700\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .border-success-700\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .border-success-700\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .border-success-700\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .border-success-700\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .border-success-700\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .border-success-700\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .outline-success-700 { outline-color: var(--spectra-chromatic4-8); }
:root .outline-success-700\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .outline-success-700\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .outline-success-700\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .outline-success-700\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .outline-success-700\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .outline-success-700\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .outline-success-700\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .outline-success-700\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .outline-success-700\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .overlay-success-700 { background: var(--spectra-chromatic4-8); }
:root .overlay-success-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .overlay-success-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .overlay-success-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .overlay-success-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .overlay-success-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .overlay-success-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .overlay-success-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .overlay-success-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .overlay-success-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .fill-success-700 { fill: var(--spectra-chromatic4-8); }
:root .fill-success-700\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .fill-success-700\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .fill-success-700\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .fill-success-700\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .fill-success-700\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .fill-success-700\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .fill-success-700\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .fill-success-700\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .fill-success-700\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .stroke-success-700 { stroke: var(--spectra-chromatic4-8); }
:root .stroke-success-700\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .stroke-success-700\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .stroke-success-700\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .stroke-success-700\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .stroke-success-700\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .stroke-success-700\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .stroke-success-700\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .stroke-success-700\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .stroke-success-700\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .border-t-success-700 { border-top-color: var(--spectra-chromatic4-8); }
:root .border-t-success-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .border-t-success-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .border-t-success-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .border-t-success-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .border-t-success-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .border-t-success-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .border-t-success-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .border-t-success-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .border-t-success-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .border-r-success-700 { border-right-color: var(--spectra-chromatic4-8); }
:root .border-r-success-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .border-r-success-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .border-r-success-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .border-r-success-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .border-r-success-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .border-r-success-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .border-r-success-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .border-r-success-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .border-r-success-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .border-b-success-700 { border-bottom-color: var(--spectra-chromatic4-8); }
:root .border-b-success-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .border-b-success-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .border-b-success-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .border-b-success-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .border-b-success-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .border-b-success-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .border-b-success-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .border-b-success-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .border-b-success-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .border-l-success-700 { border-left-color: var(--spectra-chromatic4-8); }
:root .border-l-success-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .border-l-success-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .border-l-success-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .border-l-success-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .border-l-success-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .border-l-success-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .border-l-success-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .border-l-success-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .border-l-success-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .border-x-success-700 { border-left-color: var(--spectra-chromatic4-8); border-right-color: var(--spectra-chromatic4-8); }
:root .border-x-success-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .border-x-success-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .border-x-success-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .border-x-success-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .border-x-success-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .border-x-success-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .border-x-success-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .border-x-success-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .border-x-success-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .border-y-success-700 { border-top-color: var(--spectra-chromatic4-8); border-bottom-color: var(--spectra-chromatic4-8); }
:root .border-y-success-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .border-y-success-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .border-y-success-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .border-y-success-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .border-y-success-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .border-y-success-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .border-y-success-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .border-y-success-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .border-y-success-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .ring-success-700 { --tw-ring-color: var(--spectra-chromatic4-8); }
:root .ring-offset-success-700 { --tw-ring-offset-color: var(--spectra-chromatic4-8); }
:root .bg-success-800 { background: var(--spectra-chromatic4-9); }
:root .bg-success-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .bg-success-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .bg-success-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .bg-success-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .bg-success-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .bg-success-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .bg-success-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .bg-success-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .bg-success-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .text-success-800 { color: var(--spectra-chromatic4-9); -webkit-text-fill-color: var(--spectra-chromatic4-9); }
:root .text-success-800\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .text-success-800\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .text-success-800\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .text-success-800\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .text-success-800\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .text-success-800\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .text-success-800\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .text-success-800\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .text-success-800\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .border-success-800 { border-color: var(--spectra-chromatic4-9); }
:root .border-success-800\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .border-success-800\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .border-success-800\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .border-success-800\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .border-success-800\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .border-success-800\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .border-success-800\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .border-success-800\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .border-success-800\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .outline-success-800 { outline-color: var(--spectra-chromatic4-9); }
:root .outline-success-800\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .outline-success-800\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .outline-success-800\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .outline-success-800\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .outline-success-800\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .outline-success-800\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .outline-success-800\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .outline-success-800\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .outline-success-800\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .overlay-success-800 { background: var(--spectra-chromatic4-9); }
:root .overlay-success-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .overlay-success-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .overlay-success-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .overlay-success-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .overlay-success-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .overlay-success-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .overlay-success-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .overlay-success-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .overlay-success-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .fill-success-800 { fill: var(--spectra-chromatic4-9); }
:root .fill-success-800\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .fill-success-800\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .fill-success-800\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .fill-success-800\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .fill-success-800\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .fill-success-800\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .fill-success-800\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .fill-success-800\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .fill-success-800\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .stroke-success-800 { stroke: var(--spectra-chromatic4-9); }
:root .stroke-success-800\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .stroke-success-800\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .stroke-success-800\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .stroke-success-800\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .stroke-success-800\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .stroke-success-800\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .stroke-success-800\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .stroke-success-800\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .stroke-success-800\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .border-t-success-800 { border-top-color: var(--spectra-chromatic4-9); }
:root .border-t-success-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .border-t-success-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .border-t-success-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .border-t-success-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .border-t-success-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .border-t-success-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .border-t-success-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .border-t-success-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .border-t-success-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .border-r-success-800 { border-right-color: var(--spectra-chromatic4-9); }
:root .border-r-success-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .border-r-success-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .border-r-success-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .border-r-success-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .border-r-success-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .border-r-success-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .border-r-success-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .border-r-success-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .border-r-success-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .border-b-success-800 { border-bottom-color: var(--spectra-chromatic4-9); }
:root .border-b-success-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .border-b-success-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .border-b-success-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .border-b-success-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .border-b-success-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .border-b-success-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .border-b-success-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .border-b-success-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .border-b-success-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .border-l-success-800 { border-left-color: var(--spectra-chromatic4-9); }
:root .border-l-success-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .border-l-success-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .border-l-success-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .border-l-success-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .border-l-success-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .border-l-success-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .border-l-success-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .border-l-success-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .border-l-success-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .border-x-success-800 { border-left-color: var(--spectra-chromatic4-9); border-right-color: var(--spectra-chromatic4-9); }
:root .border-x-success-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .border-x-success-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .border-x-success-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .border-x-success-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .border-x-success-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .border-x-success-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .border-x-success-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .border-x-success-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .border-x-success-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .border-y-success-800 { border-top-color: var(--spectra-chromatic4-9); border-bottom-color: var(--spectra-chromatic4-9); }
:root .border-y-success-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .border-y-success-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .border-y-success-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .border-y-success-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .border-y-success-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .border-y-success-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .border-y-success-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .border-y-success-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .border-y-success-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .ring-success-800 { --tw-ring-color: var(--spectra-chromatic4-9); }
:root .ring-offset-success-800 { --tw-ring-offset-color: var(--spectra-chromatic4-9); }
:root .bg-success-900 { background: var(--spectra-chromatic4-10); }
:root .bg-success-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .bg-success-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .bg-success-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .bg-success-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .bg-success-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .bg-success-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .bg-success-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .bg-success-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .bg-success-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .text-success-900 { color: var(--spectra-chromatic4-10); -webkit-text-fill-color: var(--spectra-chromatic4-10); }
:root .text-success-900\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .text-success-900\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .text-success-900\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .text-success-900\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .text-success-900\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .text-success-900\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .text-success-900\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .text-success-900\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .text-success-900\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .border-success-900 { border-color: var(--spectra-chromatic4-10); }
:root .border-success-900\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .border-success-900\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .border-success-900\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .border-success-900\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .border-success-900\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .border-success-900\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .border-success-900\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .border-success-900\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .border-success-900\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .outline-success-900 { outline-color: var(--spectra-chromatic4-10); }
:root .outline-success-900\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .outline-success-900\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .outline-success-900\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .outline-success-900\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .outline-success-900\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .outline-success-900\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .outline-success-900\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .outline-success-900\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .outline-success-900\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .overlay-success-900 { background: var(--spectra-chromatic4-10); }
:root .overlay-success-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .overlay-success-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .overlay-success-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .overlay-success-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .overlay-success-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .overlay-success-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .overlay-success-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .overlay-success-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .overlay-success-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .fill-success-900 { fill: var(--spectra-chromatic4-10); }
:root .fill-success-900\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .fill-success-900\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .fill-success-900\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .fill-success-900\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .fill-success-900\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .fill-success-900\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .fill-success-900\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .fill-success-900\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .fill-success-900\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .stroke-success-900 { stroke: var(--spectra-chromatic4-10); }
:root .stroke-success-900\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .stroke-success-900\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .stroke-success-900\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .stroke-success-900\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .stroke-success-900\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .stroke-success-900\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .stroke-success-900\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .stroke-success-900\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .stroke-success-900\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .border-t-success-900 { border-top-color: var(--spectra-chromatic4-10); }
:root .border-t-success-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .border-t-success-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .border-t-success-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .border-t-success-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .border-t-success-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .border-t-success-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .border-t-success-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .border-t-success-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .border-t-success-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .border-r-success-900 { border-right-color: var(--spectra-chromatic4-10); }
:root .border-r-success-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .border-r-success-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .border-r-success-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .border-r-success-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .border-r-success-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .border-r-success-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .border-r-success-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .border-r-success-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .border-r-success-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .border-b-success-900 { border-bottom-color: var(--spectra-chromatic4-10); }
:root .border-b-success-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .border-b-success-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .border-b-success-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .border-b-success-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .border-b-success-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .border-b-success-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .border-b-success-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .border-b-success-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .border-b-success-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .border-l-success-900 { border-left-color: var(--spectra-chromatic4-10); }
:root .border-l-success-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .border-l-success-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .border-l-success-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .border-l-success-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .border-l-success-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .border-l-success-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .border-l-success-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .border-l-success-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .border-l-success-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .border-x-success-900 { border-left-color: var(--spectra-chromatic4-10); border-right-color: var(--spectra-chromatic4-10); }
:root .border-x-success-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .border-x-success-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .border-x-success-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .border-x-success-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .border-x-success-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .border-x-success-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .border-x-success-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .border-x-success-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .border-x-success-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .border-y-success-900 { border-top-color: var(--spectra-chromatic4-10); border-bottom-color: var(--spectra-chromatic4-10); }
:root .border-y-success-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .border-y-success-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .border-y-success-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .border-y-success-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .border-y-success-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .border-y-success-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .border-y-success-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .border-y-success-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .border-y-success-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .ring-success-900 { --tw-ring-color: var(--spectra-chromatic4-10); }
:root .ring-offset-success-900 { --tw-ring-offset-color: var(--spectra-chromatic4-10); }
:root .bg-success-950 { background: var(--spectra-chromatic4-11); }
:root .bg-success-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .bg-success-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .bg-success-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .bg-success-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .bg-success-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .bg-success-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .bg-success-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .bg-success-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .bg-success-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .text-success-950 { color: var(--spectra-chromatic4-11); -webkit-text-fill-color: var(--spectra-chromatic4-11); }
:root .text-success-950\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .text-success-950\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .text-success-950\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .text-success-950\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .text-success-950\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .text-success-950\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .text-success-950\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .text-success-950\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .text-success-950\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .border-success-950 { border-color: var(--spectra-chromatic4-11); }
:root .border-success-950\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .border-success-950\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .border-success-950\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .border-success-950\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .border-success-950\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .border-success-950\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .border-success-950\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .border-success-950\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .border-success-950\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .outline-success-950 { outline-color: var(--spectra-chromatic4-11); }
:root .outline-success-950\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .outline-success-950\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .outline-success-950\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .outline-success-950\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .outline-success-950\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .outline-success-950\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .outline-success-950\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .outline-success-950\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .outline-success-950\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .overlay-success-950 { background: var(--spectra-chromatic4-11); }
:root .overlay-success-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .overlay-success-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .overlay-success-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .overlay-success-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .overlay-success-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .overlay-success-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .overlay-success-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .overlay-success-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .overlay-success-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .fill-success-950 { fill: var(--spectra-chromatic4-11); }
:root .fill-success-950\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .fill-success-950\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .fill-success-950\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .fill-success-950\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .fill-success-950\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .fill-success-950\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .fill-success-950\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .fill-success-950\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .fill-success-950\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .stroke-success-950 { stroke: var(--spectra-chromatic4-11); }
:root .stroke-success-950\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .stroke-success-950\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .stroke-success-950\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .stroke-success-950\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .stroke-success-950\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .stroke-success-950\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .stroke-success-950\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .stroke-success-950\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .stroke-success-950\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .border-t-success-950 { border-top-color: var(--spectra-chromatic4-11); }
:root .border-t-success-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .border-t-success-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .border-t-success-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .border-t-success-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .border-t-success-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .border-t-success-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .border-t-success-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .border-t-success-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .border-t-success-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .border-r-success-950 { border-right-color: var(--spectra-chromatic4-11); }
:root .border-r-success-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .border-r-success-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .border-r-success-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .border-r-success-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .border-r-success-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .border-r-success-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .border-r-success-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .border-r-success-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .border-r-success-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .border-b-success-950 { border-bottom-color: var(--spectra-chromatic4-11); }
:root .border-b-success-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .border-b-success-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .border-b-success-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .border-b-success-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .border-b-success-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .border-b-success-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .border-b-success-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .border-b-success-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .border-b-success-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .border-l-success-950 { border-left-color: var(--spectra-chromatic4-11); }
:root .border-l-success-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .border-l-success-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .border-l-success-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .border-l-success-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .border-l-success-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .border-l-success-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .border-l-success-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .border-l-success-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .border-l-success-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .border-x-success-950 { border-left-color: var(--spectra-chromatic4-11); border-right-color: var(--spectra-chromatic4-11); }
:root .border-x-success-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .border-x-success-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .border-x-success-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .border-x-success-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .border-x-success-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .border-x-success-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .border-x-success-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .border-x-success-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .border-x-success-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .border-y-success-950 { border-top-color: var(--spectra-chromatic4-11); border-bottom-color: var(--spectra-chromatic4-11); }
:root .border-y-success-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .border-y-success-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .border-y-success-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .border-y-success-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .border-y-success-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .border-y-success-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .border-y-success-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .border-y-success-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .border-y-success-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .ring-success-950 { --tw-ring-color: var(--spectra-chromatic4-11); }
:root .ring-offset-success-950 { --tw-ring-offset-color: var(--spectra-chromatic4-11); }
:root .bg-error-50 { background: var(--spectra-chromatic5-1); }
:root .bg-error-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .bg-error-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .bg-error-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .bg-error-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .bg-error-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .bg-error-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .bg-error-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .bg-error-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .bg-error-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .text-error-50 { color: var(--spectra-chromatic5-1); -webkit-text-fill-color: var(--spectra-chromatic5-1); }
:root .text-error-50\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .text-error-50\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .text-error-50\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .text-error-50\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .text-error-50\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .text-error-50\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .text-error-50\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .text-error-50\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .text-error-50\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .border-error-50 { border-color: var(--spectra-chromatic5-1); }
:root .border-error-50\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .border-error-50\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .border-error-50\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .border-error-50\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .border-error-50\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .border-error-50\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .border-error-50\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .border-error-50\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .border-error-50\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .outline-error-50 { outline-color: var(--spectra-chromatic5-1); }
:root .outline-error-50\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .outline-error-50\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .outline-error-50\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .outline-error-50\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .outline-error-50\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .outline-error-50\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .outline-error-50\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .outline-error-50\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .outline-error-50\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .overlay-error-50 { background: var(--spectra-chromatic5-1); }
:root .overlay-error-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .overlay-error-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .overlay-error-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .overlay-error-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .overlay-error-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .overlay-error-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .overlay-error-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .overlay-error-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .overlay-error-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .fill-error-50 { fill: var(--spectra-chromatic5-1); }
:root .fill-error-50\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .fill-error-50\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .fill-error-50\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .fill-error-50\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .fill-error-50\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .fill-error-50\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .fill-error-50\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .fill-error-50\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .fill-error-50\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .stroke-error-50 { stroke: var(--spectra-chromatic5-1); }
:root .stroke-error-50\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .stroke-error-50\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .stroke-error-50\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .stroke-error-50\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .stroke-error-50\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .stroke-error-50\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .stroke-error-50\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .stroke-error-50\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .stroke-error-50\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .border-t-error-50 { border-top-color: var(--spectra-chromatic5-1); }
:root .border-t-error-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .border-t-error-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .border-t-error-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .border-t-error-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .border-t-error-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .border-t-error-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .border-t-error-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .border-t-error-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .border-t-error-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .border-r-error-50 { border-right-color: var(--spectra-chromatic5-1); }
:root .border-r-error-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .border-r-error-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .border-r-error-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .border-r-error-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .border-r-error-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .border-r-error-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .border-r-error-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .border-r-error-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .border-r-error-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .border-b-error-50 { border-bottom-color: var(--spectra-chromatic5-1); }
:root .border-b-error-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .border-b-error-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .border-b-error-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .border-b-error-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .border-b-error-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .border-b-error-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .border-b-error-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .border-b-error-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .border-b-error-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .border-l-error-50 { border-left-color: var(--spectra-chromatic5-1); }
:root .border-l-error-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .border-l-error-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .border-l-error-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .border-l-error-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .border-l-error-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .border-l-error-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .border-l-error-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .border-l-error-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .border-l-error-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .border-x-error-50 { border-left-color: var(--spectra-chromatic5-1); border-right-color: var(--spectra-chromatic5-1); }
:root .border-x-error-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .border-x-error-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .border-x-error-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .border-x-error-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .border-x-error-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .border-x-error-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .border-x-error-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .border-x-error-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .border-x-error-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .border-y-error-50 { border-top-color: var(--spectra-chromatic5-1); border-bottom-color: var(--spectra-chromatic5-1); }
:root .border-y-error-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .border-y-error-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .border-y-error-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .border-y-error-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .border-y-error-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .border-y-error-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .border-y-error-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .border-y-error-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .border-y-error-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .ring-error-50 { --tw-ring-color: var(--spectra-chromatic5-1); }
:root .ring-offset-error-50 { --tw-ring-offset-color: var(--spectra-chromatic5-1); }
:root .bg-error-100 { background: var(--spectra-chromatic5-2); }
:root .bg-error-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .bg-error-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .bg-error-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .bg-error-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .bg-error-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .bg-error-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .bg-error-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .bg-error-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .bg-error-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .text-error-100 { color: var(--spectra-chromatic5-2); -webkit-text-fill-color: var(--spectra-chromatic5-2); }
:root .text-error-100\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .text-error-100\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .text-error-100\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .text-error-100\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .text-error-100\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .text-error-100\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .text-error-100\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .text-error-100\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .text-error-100\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .border-error-100 { border-color: var(--spectra-chromatic5-2); }
:root .border-error-100\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .border-error-100\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .border-error-100\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .border-error-100\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .border-error-100\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .border-error-100\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .border-error-100\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .border-error-100\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .border-error-100\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .outline-error-100 { outline-color: var(--spectra-chromatic5-2); }
:root .outline-error-100\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .outline-error-100\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .outline-error-100\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .outline-error-100\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .outline-error-100\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .outline-error-100\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .outline-error-100\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .outline-error-100\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .outline-error-100\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .overlay-error-100 { background: var(--spectra-chromatic5-2); }
:root .overlay-error-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .overlay-error-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .overlay-error-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .overlay-error-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .overlay-error-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .overlay-error-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .overlay-error-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .overlay-error-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .overlay-error-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .fill-error-100 { fill: var(--spectra-chromatic5-2); }
:root .fill-error-100\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .fill-error-100\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .fill-error-100\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .fill-error-100\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .fill-error-100\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .fill-error-100\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .fill-error-100\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .fill-error-100\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .fill-error-100\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .stroke-error-100 { stroke: var(--spectra-chromatic5-2); }
:root .stroke-error-100\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .stroke-error-100\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .stroke-error-100\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .stroke-error-100\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .stroke-error-100\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .stroke-error-100\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .stroke-error-100\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .stroke-error-100\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .stroke-error-100\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .border-t-error-100 { border-top-color: var(--spectra-chromatic5-2); }
:root .border-t-error-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .border-t-error-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .border-t-error-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .border-t-error-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .border-t-error-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .border-t-error-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .border-t-error-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .border-t-error-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .border-t-error-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .border-r-error-100 { border-right-color: var(--spectra-chromatic5-2); }
:root .border-r-error-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .border-r-error-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .border-r-error-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .border-r-error-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .border-r-error-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .border-r-error-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .border-r-error-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .border-r-error-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .border-r-error-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .border-b-error-100 { border-bottom-color: var(--spectra-chromatic5-2); }
:root .border-b-error-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .border-b-error-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .border-b-error-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .border-b-error-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .border-b-error-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .border-b-error-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .border-b-error-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .border-b-error-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .border-b-error-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .border-l-error-100 { border-left-color: var(--spectra-chromatic5-2); }
:root .border-l-error-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .border-l-error-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .border-l-error-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .border-l-error-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .border-l-error-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .border-l-error-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .border-l-error-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .border-l-error-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .border-l-error-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .border-x-error-100 { border-left-color: var(--spectra-chromatic5-2); border-right-color: var(--spectra-chromatic5-2); }
:root .border-x-error-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .border-x-error-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .border-x-error-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .border-x-error-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .border-x-error-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .border-x-error-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .border-x-error-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .border-x-error-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .border-x-error-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .border-y-error-100 { border-top-color: var(--spectra-chromatic5-2); border-bottom-color: var(--spectra-chromatic5-2); }
:root .border-y-error-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .border-y-error-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .border-y-error-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .border-y-error-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .border-y-error-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .border-y-error-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .border-y-error-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .border-y-error-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .border-y-error-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .ring-error-100 { --tw-ring-color: var(--spectra-chromatic5-2); }
:root .ring-offset-error-100 { --tw-ring-offset-color: var(--spectra-chromatic5-2); }
:root .bg-error-200 { background: var(--spectra-chromatic5-3); }
:root .bg-error-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .bg-error-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .bg-error-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .bg-error-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .bg-error-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .bg-error-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .bg-error-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .bg-error-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .bg-error-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .text-error-200 { color: var(--spectra-chromatic5-3); -webkit-text-fill-color: var(--spectra-chromatic5-3); }
:root .text-error-200\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .text-error-200\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .text-error-200\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .text-error-200\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .text-error-200\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .text-error-200\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .text-error-200\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .text-error-200\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .text-error-200\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .border-error-200 { border-color: var(--spectra-chromatic5-3); }
:root .border-error-200\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .border-error-200\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .border-error-200\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .border-error-200\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .border-error-200\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .border-error-200\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .border-error-200\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .border-error-200\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .border-error-200\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .outline-error-200 { outline-color: var(--spectra-chromatic5-3); }
:root .outline-error-200\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .outline-error-200\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .outline-error-200\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .outline-error-200\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .outline-error-200\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .outline-error-200\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .outline-error-200\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .outline-error-200\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .outline-error-200\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .overlay-error-200 { background: var(--spectra-chromatic5-3); }
:root .overlay-error-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .overlay-error-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .overlay-error-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .overlay-error-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .overlay-error-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .overlay-error-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .overlay-error-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .overlay-error-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .overlay-error-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .fill-error-200 { fill: var(--spectra-chromatic5-3); }
:root .fill-error-200\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .fill-error-200\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .fill-error-200\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .fill-error-200\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .fill-error-200\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .fill-error-200\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .fill-error-200\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .fill-error-200\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .fill-error-200\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .stroke-error-200 { stroke: var(--spectra-chromatic5-3); }
:root .stroke-error-200\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .stroke-error-200\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .stroke-error-200\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .stroke-error-200\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .stroke-error-200\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .stroke-error-200\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .stroke-error-200\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .stroke-error-200\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .stroke-error-200\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .border-t-error-200 { border-top-color: var(--spectra-chromatic5-3); }
:root .border-t-error-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .border-t-error-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .border-t-error-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .border-t-error-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .border-t-error-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .border-t-error-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .border-t-error-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .border-t-error-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .border-t-error-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .border-r-error-200 { border-right-color: var(--spectra-chromatic5-3); }
:root .border-r-error-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .border-r-error-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .border-r-error-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .border-r-error-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .border-r-error-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .border-r-error-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .border-r-error-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .border-r-error-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .border-r-error-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .border-b-error-200 { border-bottom-color: var(--spectra-chromatic5-3); }
:root .border-b-error-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .border-b-error-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .border-b-error-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .border-b-error-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .border-b-error-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .border-b-error-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .border-b-error-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .border-b-error-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .border-b-error-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .border-l-error-200 { border-left-color: var(--spectra-chromatic5-3); }
:root .border-l-error-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .border-l-error-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .border-l-error-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .border-l-error-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .border-l-error-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .border-l-error-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .border-l-error-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .border-l-error-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .border-l-error-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .border-x-error-200 { border-left-color: var(--spectra-chromatic5-3); border-right-color: var(--spectra-chromatic5-3); }
:root .border-x-error-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .border-x-error-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .border-x-error-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .border-x-error-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .border-x-error-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .border-x-error-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .border-x-error-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .border-x-error-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .border-x-error-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .border-y-error-200 { border-top-color: var(--spectra-chromatic5-3); border-bottom-color: var(--spectra-chromatic5-3); }
:root .border-y-error-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .border-y-error-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .border-y-error-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .border-y-error-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .border-y-error-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .border-y-error-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .border-y-error-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .border-y-error-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .border-y-error-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .ring-error-200 { --tw-ring-color: var(--spectra-chromatic5-3); }
:root .ring-offset-error-200 { --tw-ring-offset-color: var(--spectra-chromatic5-3); }
:root .bg-error-300 { background: var(--spectra-chromatic5-4); }
:root .bg-error-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .bg-error-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .bg-error-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .bg-error-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .bg-error-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .bg-error-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .bg-error-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .bg-error-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .bg-error-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .text-error-300 { color: var(--spectra-chromatic5-4); -webkit-text-fill-color: var(--spectra-chromatic5-4); }
:root .text-error-300\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .text-error-300\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .text-error-300\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .text-error-300\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .text-error-300\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .text-error-300\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .text-error-300\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .text-error-300\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .text-error-300\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .border-error-300 { border-color: var(--spectra-chromatic5-4); }
:root .border-error-300\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .border-error-300\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .border-error-300\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .border-error-300\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .border-error-300\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .border-error-300\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .border-error-300\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .border-error-300\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .border-error-300\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .outline-error-300 { outline-color: var(--spectra-chromatic5-4); }
:root .outline-error-300\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .outline-error-300\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .outline-error-300\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .outline-error-300\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .outline-error-300\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .outline-error-300\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .outline-error-300\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .outline-error-300\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .outline-error-300\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .overlay-error-300 { background: var(--spectra-chromatic5-4); }
:root .overlay-error-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .overlay-error-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .overlay-error-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .overlay-error-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .overlay-error-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .overlay-error-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .overlay-error-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .overlay-error-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .overlay-error-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .fill-error-300 { fill: var(--spectra-chromatic5-4); }
:root .fill-error-300\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .fill-error-300\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .fill-error-300\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .fill-error-300\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .fill-error-300\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .fill-error-300\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .fill-error-300\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .fill-error-300\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .fill-error-300\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .stroke-error-300 { stroke: var(--spectra-chromatic5-4); }
:root .stroke-error-300\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .stroke-error-300\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .stroke-error-300\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .stroke-error-300\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .stroke-error-300\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .stroke-error-300\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .stroke-error-300\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .stroke-error-300\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .stroke-error-300\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .border-t-error-300 { border-top-color: var(--spectra-chromatic5-4); }
:root .border-t-error-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .border-t-error-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .border-t-error-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .border-t-error-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .border-t-error-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .border-t-error-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .border-t-error-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .border-t-error-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .border-t-error-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .border-r-error-300 { border-right-color: var(--spectra-chromatic5-4); }
:root .border-r-error-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .border-r-error-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .border-r-error-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .border-r-error-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .border-r-error-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .border-r-error-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .border-r-error-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .border-r-error-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .border-r-error-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .border-b-error-300 { border-bottom-color: var(--spectra-chromatic5-4); }
:root .border-b-error-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .border-b-error-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .border-b-error-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .border-b-error-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .border-b-error-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .border-b-error-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .border-b-error-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .border-b-error-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .border-b-error-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .border-l-error-300 { border-left-color: var(--spectra-chromatic5-4); }
:root .border-l-error-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .border-l-error-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .border-l-error-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .border-l-error-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .border-l-error-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .border-l-error-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .border-l-error-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .border-l-error-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .border-l-error-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .border-x-error-300 { border-left-color: var(--spectra-chromatic5-4); border-right-color: var(--spectra-chromatic5-4); }
:root .border-x-error-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .border-x-error-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .border-x-error-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .border-x-error-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .border-x-error-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .border-x-error-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .border-x-error-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .border-x-error-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .border-x-error-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .border-y-error-300 { border-top-color: var(--spectra-chromatic5-4); border-bottom-color: var(--spectra-chromatic5-4); }
:root .border-y-error-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .border-y-error-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .border-y-error-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .border-y-error-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .border-y-error-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .border-y-error-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .border-y-error-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .border-y-error-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .border-y-error-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .ring-error-300 { --tw-ring-color: var(--spectra-chromatic5-4); }
:root .ring-offset-error-300 { --tw-ring-offset-color: var(--spectra-chromatic5-4); }
:root .bg-error-400 { background: var(--spectra-chromatic5-5); }
:root .bg-error-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .bg-error-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .bg-error-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .bg-error-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .bg-error-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .bg-error-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .bg-error-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .bg-error-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .bg-error-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .text-error-400 { color: var(--spectra-chromatic5-5); -webkit-text-fill-color: var(--spectra-chromatic5-5); }
:root .text-error-400\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .text-error-400\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .text-error-400\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .text-error-400\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .text-error-400\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .text-error-400\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .text-error-400\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .text-error-400\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .text-error-400\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .border-error-400 { border-color: var(--spectra-chromatic5-5); }
:root .border-error-400\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .border-error-400\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .border-error-400\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .border-error-400\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .border-error-400\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .border-error-400\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .border-error-400\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .border-error-400\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .border-error-400\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .outline-error-400 { outline-color: var(--spectra-chromatic5-5); }
:root .outline-error-400\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .outline-error-400\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .outline-error-400\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .outline-error-400\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .outline-error-400\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .outline-error-400\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .outline-error-400\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .outline-error-400\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .outline-error-400\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .overlay-error-400 { background: var(--spectra-chromatic5-5); }
:root .overlay-error-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .overlay-error-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .overlay-error-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .overlay-error-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .overlay-error-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .overlay-error-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .overlay-error-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .overlay-error-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .overlay-error-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .fill-error-400 { fill: var(--spectra-chromatic5-5); }
:root .fill-error-400\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .fill-error-400\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .fill-error-400\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .fill-error-400\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .fill-error-400\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .fill-error-400\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .fill-error-400\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .fill-error-400\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .fill-error-400\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .stroke-error-400 { stroke: var(--spectra-chromatic5-5); }
:root .stroke-error-400\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .stroke-error-400\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .stroke-error-400\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .stroke-error-400\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .stroke-error-400\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .stroke-error-400\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .stroke-error-400\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .stroke-error-400\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .stroke-error-400\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .border-t-error-400 { border-top-color: var(--spectra-chromatic5-5); }
:root .border-t-error-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .border-t-error-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .border-t-error-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .border-t-error-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .border-t-error-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .border-t-error-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .border-t-error-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .border-t-error-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .border-t-error-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .border-r-error-400 { border-right-color: var(--spectra-chromatic5-5); }
:root .border-r-error-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .border-r-error-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .border-r-error-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .border-r-error-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .border-r-error-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .border-r-error-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .border-r-error-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .border-r-error-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .border-r-error-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .border-b-error-400 { border-bottom-color: var(--spectra-chromatic5-5); }
:root .border-b-error-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .border-b-error-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .border-b-error-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .border-b-error-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .border-b-error-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .border-b-error-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .border-b-error-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .border-b-error-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .border-b-error-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .border-l-error-400 { border-left-color: var(--spectra-chromatic5-5); }
:root .border-l-error-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .border-l-error-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .border-l-error-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .border-l-error-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .border-l-error-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .border-l-error-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .border-l-error-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .border-l-error-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .border-l-error-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .border-x-error-400 { border-left-color: var(--spectra-chromatic5-5); border-right-color: var(--spectra-chromatic5-5); }
:root .border-x-error-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .border-x-error-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .border-x-error-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .border-x-error-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .border-x-error-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .border-x-error-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .border-x-error-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .border-x-error-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .border-x-error-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .border-y-error-400 { border-top-color: var(--spectra-chromatic5-5); border-bottom-color: var(--spectra-chromatic5-5); }
:root .border-y-error-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .border-y-error-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .border-y-error-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .border-y-error-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .border-y-error-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .border-y-error-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .border-y-error-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .border-y-error-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .border-y-error-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .ring-error-400 { --tw-ring-color: var(--spectra-chromatic5-5); }
:root .ring-offset-error-400 { --tw-ring-offset-color: var(--spectra-chromatic5-5); }
:root .bg-error-500 { background: var(--spectra-chromatic5-6); }
:root .bg-error-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .bg-error-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .bg-error-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .bg-error-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .bg-error-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .bg-error-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .bg-error-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .bg-error-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .bg-error-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .text-error-500 { color: var(--spectra-chromatic5-6); -webkit-text-fill-color: var(--spectra-chromatic5-6); }
:root .text-error-500\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .text-error-500\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .text-error-500\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .text-error-500\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .text-error-500\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .text-error-500\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .text-error-500\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .text-error-500\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .text-error-500\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .border-error-500 { border-color: var(--spectra-chromatic5-6); }
:root .border-error-500\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .border-error-500\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .border-error-500\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .border-error-500\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .border-error-500\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .border-error-500\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .border-error-500\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .border-error-500\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .border-error-500\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .outline-error-500 { outline-color: var(--spectra-chromatic5-6); }
:root .outline-error-500\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .outline-error-500\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .outline-error-500\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .outline-error-500\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .outline-error-500\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .outline-error-500\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .outline-error-500\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .outline-error-500\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .outline-error-500\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .overlay-error-500 { background: var(--spectra-chromatic5-6); }
:root .overlay-error-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .overlay-error-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .overlay-error-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .overlay-error-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .overlay-error-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .overlay-error-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .overlay-error-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .overlay-error-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .overlay-error-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .fill-error-500 { fill: var(--spectra-chromatic5-6); }
:root .fill-error-500\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .fill-error-500\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .fill-error-500\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .fill-error-500\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .fill-error-500\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .fill-error-500\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .fill-error-500\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .fill-error-500\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .fill-error-500\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .stroke-error-500 { stroke: var(--spectra-chromatic5-6); }
:root .stroke-error-500\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .stroke-error-500\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .stroke-error-500\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .stroke-error-500\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .stroke-error-500\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .stroke-error-500\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .stroke-error-500\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .stroke-error-500\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .stroke-error-500\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .border-t-error-500 { border-top-color: var(--spectra-chromatic5-6); }
:root .border-t-error-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .border-t-error-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .border-t-error-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .border-t-error-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .border-t-error-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .border-t-error-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .border-t-error-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .border-t-error-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .border-t-error-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .border-r-error-500 { border-right-color: var(--spectra-chromatic5-6); }
:root .border-r-error-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .border-r-error-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .border-r-error-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .border-r-error-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .border-r-error-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .border-r-error-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .border-r-error-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .border-r-error-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .border-r-error-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .border-b-error-500 { border-bottom-color: var(--spectra-chromatic5-6); }
:root .border-b-error-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .border-b-error-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .border-b-error-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .border-b-error-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .border-b-error-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .border-b-error-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .border-b-error-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .border-b-error-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .border-b-error-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .border-l-error-500 { border-left-color: var(--spectra-chromatic5-6); }
:root .border-l-error-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .border-l-error-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .border-l-error-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .border-l-error-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .border-l-error-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .border-l-error-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .border-l-error-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .border-l-error-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .border-l-error-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .border-x-error-500 { border-left-color: var(--spectra-chromatic5-6); border-right-color: var(--spectra-chromatic5-6); }
:root .border-x-error-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .border-x-error-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .border-x-error-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .border-x-error-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .border-x-error-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .border-x-error-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .border-x-error-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .border-x-error-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .border-x-error-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .border-y-error-500 { border-top-color: var(--spectra-chromatic5-6); border-bottom-color: var(--spectra-chromatic5-6); }
:root .border-y-error-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .border-y-error-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .border-y-error-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .border-y-error-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .border-y-error-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .border-y-error-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .border-y-error-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .border-y-error-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .border-y-error-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .ring-error-500 { --tw-ring-color: var(--spectra-chromatic5-6); }
:root .ring-offset-error-500 { --tw-ring-offset-color: var(--spectra-chromatic5-6); }
:root .bg-error-600 { background: var(--spectra-chromatic5-7); }
:root .bg-error-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .bg-error-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .bg-error-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .bg-error-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .bg-error-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .bg-error-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .bg-error-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .bg-error-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .bg-error-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .text-error-600 { color: var(--spectra-chromatic5-7); -webkit-text-fill-color: var(--spectra-chromatic5-7); }
:root .text-error-600\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .text-error-600\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .text-error-600\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .text-error-600\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .text-error-600\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .text-error-600\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .text-error-600\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .text-error-600\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .text-error-600\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .border-error-600 { border-color: var(--spectra-chromatic5-7); }
:root .border-error-600\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .border-error-600\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .border-error-600\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .border-error-600\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .border-error-600\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .border-error-600\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .border-error-600\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .border-error-600\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .border-error-600\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .outline-error-600 { outline-color: var(--spectra-chromatic5-7); }
:root .outline-error-600\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .outline-error-600\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .outline-error-600\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .outline-error-600\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .outline-error-600\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .outline-error-600\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .outline-error-600\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .outline-error-600\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .outline-error-600\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .overlay-error-600 { background: var(--spectra-chromatic5-7); }
:root .overlay-error-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .overlay-error-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .overlay-error-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .overlay-error-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .overlay-error-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .overlay-error-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .overlay-error-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .overlay-error-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .overlay-error-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .fill-error-600 { fill: var(--spectra-chromatic5-7); }
:root .fill-error-600\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .fill-error-600\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .fill-error-600\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .fill-error-600\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .fill-error-600\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .fill-error-600\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .fill-error-600\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .fill-error-600\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .fill-error-600\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .stroke-error-600 { stroke: var(--spectra-chromatic5-7); }
:root .stroke-error-600\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .stroke-error-600\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .stroke-error-600\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .stroke-error-600\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .stroke-error-600\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .stroke-error-600\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .stroke-error-600\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .stroke-error-600\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .stroke-error-600\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .border-t-error-600 { border-top-color: var(--spectra-chromatic5-7); }
:root .border-t-error-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .border-t-error-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .border-t-error-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .border-t-error-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .border-t-error-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .border-t-error-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .border-t-error-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .border-t-error-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .border-t-error-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .border-r-error-600 { border-right-color: var(--spectra-chromatic5-7); }
:root .border-r-error-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .border-r-error-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .border-r-error-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .border-r-error-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .border-r-error-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .border-r-error-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .border-r-error-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .border-r-error-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .border-r-error-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .border-b-error-600 { border-bottom-color: var(--spectra-chromatic5-7); }
:root .border-b-error-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .border-b-error-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .border-b-error-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .border-b-error-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .border-b-error-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .border-b-error-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .border-b-error-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .border-b-error-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .border-b-error-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .border-l-error-600 { border-left-color: var(--spectra-chromatic5-7); }
:root .border-l-error-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .border-l-error-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .border-l-error-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .border-l-error-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .border-l-error-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .border-l-error-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .border-l-error-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .border-l-error-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .border-l-error-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .border-x-error-600 { border-left-color: var(--spectra-chromatic5-7); border-right-color: var(--spectra-chromatic5-7); }
:root .border-x-error-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .border-x-error-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .border-x-error-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .border-x-error-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .border-x-error-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .border-x-error-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .border-x-error-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .border-x-error-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .border-x-error-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .border-y-error-600 { border-top-color: var(--spectra-chromatic5-7); border-bottom-color: var(--spectra-chromatic5-7); }
:root .border-y-error-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .border-y-error-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .border-y-error-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .border-y-error-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .border-y-error-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .border-y-error-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .border-y-error-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .border-y-error-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .border-y-error-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .ring-error-600 { --tw-ring-color: var(--spectra-chromatic5-7); }
:root .ring-offset-error-600 { --tw-ring-offset-color: var(--spectra-chromatic5-7); }
:root .bg-error-700 { background: var(--spectra-chromatic5-8); }
:root .bg-error-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .bg-error-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .bg-error-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .bg-error-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .bg-error-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .bg-error-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .bg-error-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .bg-error-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .bg-error-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .text-error-700 { color: var(--spectra-chromatic5-8); -webkit-text-fill-color: var(--spectra-chromatic5-8); }
:root .text-error-700\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .text-error-700\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .text-error-700\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .text-error-700\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .text-error-700\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .text-error-700\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .text-error-700\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .text-error-700\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .text-error-700\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .border-error-700 { border-color: var(--spectra-chromatic5-8); }
:root .border-error-700\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .border-error-700\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .border-error-700\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .border-error-700\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .border-error-700\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .border-error-700\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .border-error-700\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .border-error-700\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .border-error-700\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .outline-error-700 { outline-color: var(--spectra-chromatic5-8); }
:root .outline-error-700\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .outline-error-700\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .outline-error-700\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .outline-error-700\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .outline-error-700\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .outline-error-700\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .outline-error-700\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .outline-error-700\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .outline-error-700\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .overlay-error-700 { background: var(--spectra-chromatic5-8); }
:root .overlay-error-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .overlay-error-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .overlay-error-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .overlay-error-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .overlay-error-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .overlay-error-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .overlay-error-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .overlay-error-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .overlay-error-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .fill-error-700 { fill: var(--spectra-chromatic5-8); }
:root .fill-error-700\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .fill-error-700\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .fill-error-700\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .fill-error-700\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .fill-error-700\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .fill-error-700\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .fill-error-700\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .fill-error-700\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .fill-error-700\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .stroke-error-700 { stroke: var(--spectra-chromatic5-8); }
:root .stroke-error-700\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .stroke-error-700\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .stroke-error-700\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .stroke-error-700\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .stroke-error-700\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .stroke-error-700\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .stroke-error-700\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .stroke-error-700\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .stroke-error-700\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .border-t-error-700 { border-top-color: var(--spectra-chromatic5-8); }
:root .border-t-error-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .border-t-error-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .border-t-error-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .border-t-error-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .border-t-error-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .border-t-error-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .border-t-error-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .border-t-error-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .border-t-error-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .border-r-error-700 { border-right-color: var(--spectra-chromatic5-8); }
:root .border-r-error-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .border-r-error-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .border-r-error-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .border-r-error-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .border-r-error-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .border-r-error-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .border-r-error-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .border-r-error-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .border-r-error-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .border-b-error-700 { border-bottom-color: var(--spectra-chromatic5-8); }
:root .border-b-error-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .border-b-error-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .border-b-error-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .border-b-error-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .border-b-error-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .border-b-error-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .border-b-error-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .border-b-error-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .border-b-error-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .border-l-error-700 { border-left-color: var(--spectra-chromatic5-8); }
:root .border-l-error-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .border-l-error-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .border-l-error-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .border-l-error-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .border-l-error-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .border-l-error-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .border-l-error-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .border-l-error-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .border-l-error-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .border-x-error-700 { border-left-color: var(--spectra-chromatic5-8); border-right-color: var(--spectra-chromatic5-8); }
:root .border-x-error-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .border-x-error-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .border-x-error-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .border-x-error-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .border-x-error-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .border-x-error-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .border-x-error-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .border-x-error-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .border-x-error-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .border-y-error-700 { border-top-color: var(--spectra-chromatic5-8); border-bottom-color: var(--spectra-chromatic5-8); }
:root .border-y-error-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .border-y-error-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .border-y-error-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .border-y-error-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .border-y-error-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .border-y-error-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .border-y-error-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .border-y-error-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .border-y-error-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .ring-error-700 { --tw-ring-color: var(--spectra-chromatic5-8); }
:root .ring-offset-error-700 { --tw-ring-offset-color: var(--spectra-chromatic5-8); }
:root .bg-error-800 { background: var(--spectra-chromatic5-9); }
:root .bg-error-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .bg-error-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .bg-error-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .bg-error-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .bg-error-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .bg-error-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .bg-error-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .bg-error-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .bg-error-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .text-error-800 { color: var(--spectra-chromatic5-9); -webkit-text-fill-color: var(--spectra-chromatic5-9); }
:root .text-error-800\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .text-error-800\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .text-error-800\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .text-error-800\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .text-error-800\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .text-error-800\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .text-error-800\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .text-error-800\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .text-error-800\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .border-error-800 { border-color: var(--spectra-chromatic5-9); }
:root .border-error-800\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .border-error-800\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .border-error-800\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .border-error-800\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .border-error-800\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .border-error-800\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .border-error-800\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .border-error-800\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .border-error-800\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .outline-error-800 { outline-color: var(--spectra-chromatic5-9); }
:root .outline-error-800\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .outline-error-800\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .outline-error-800\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .outline-error-800\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .outline-error-800\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .outline-error-800\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .outline-error-800\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .outline-error-800\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .outline-error-800\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .overlay-error-800 { background: var(--spectra-chromatic5-9); }
:root .overlay-error-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .overlay-error-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .overlay-error-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .overlay-error-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .overlay-error-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .overlay-error-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .overlay-error-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .overlay-error-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .overlay-error-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .fill-error-800 { fill: var(--spectra-chromatic5-9); }
:root .fill-error-800\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .fill-error-800\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .fill-error-800\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .fill-error-800\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .fill-error-800\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .fill-error-800\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .fill-error-800\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .fill-error-800\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .fill-error-800\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .stroke-error-800 { stroke: var(--spectra-chromatic5-9); }
:root .stroke-error-800\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .stroke-error-800\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .stroke-error-800\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .stroke-error-800\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .stroke-error-800\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .stroke-error-800\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .stroke-error-800\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .stroke-error-800\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .stroke-error-800\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .border-t-error-800 { border-top-color: var(--spectra-chromatic5-9); }
:root .border-t-error-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .border-t-error-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .border-t-error-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .border-t-error-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .border-t-error-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .border-t-error-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .border-t-error-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .border-t-error-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .border-t-error-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .border-r-error-800 { border-right-color: var(--spectra-chromatic5-9); }
:root .border-r-error-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .border-r-error-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .border-r-error-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .border-r-error-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .border-r-error-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .border-r-error-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .border-r-error-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .border-r-error-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .border-r-error-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .border-b-error-800 { border-bottom-color: var(--spectra-chromatic5-9); }
:root .border-b-error-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .border-b-error-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .border-b-error-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .border-b-error-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .border-b-error-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .border-b-error-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .border-b-error-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .border-b-error-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .border-b-error-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .border-l-error-800 { border-left-color: var(--spectra-chromatic5-9); }
:root .border-l-error-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .border-l-error-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .border-l-error-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .border-l-error-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .border-l-error-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .border-l-error-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .border-l-error-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .border-l-error-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .border-l-error-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .border-x-error-800 { border-left-color: var(--spectra-chromatic5-9); border-right-color: var(--spectra-chromatic5-9); }
:root .border-x-error-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .border-x-error-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .border-x-error-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .border-x-error-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .border-x-error-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .border-x-error-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .border-x-error-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .border-x-error-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .border-x-error-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .border-y-error-800 { border-top-color: var(--spectra-chromatic5-9); border-bottom-color: var(--spectra-chromatic5-9); }
:root .border-y-error-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .border-y-error-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .border-y-error-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .border-y-error-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .border-y-error-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .border-y-error-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .border-y-error-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .border-y-error-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .border-y-error-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .ring-error-800 { --tw-ring-color: var(--spectra-chromatic5-9); }
:root .ring-offset-error-800 { --tw-ring-offset-color: var(--spectra-chromatic5-9); }
:root .bg-error-900 { background: var(--spectra-chromatic5-10); }
:root .bg-error-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .bg-error-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .bg-error-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .bg-error-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .bg-error-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .bg-error-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .bg-error-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .bg-error-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .bg-error-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .text-error-900 { color: var(--spectra-chromatic5-10); -webkit-text-fill-color: var(--spectra-chromatic5-10); }
:root .text-error-900\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .text-error-900\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .text-error-900\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .text-error-900\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .text-error-900\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .text-error-900\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .text-error-900\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .text-error-900\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .text-error-900\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .border-error-900 { border-color: var(--spectra-chromatic5-10); }
:root .border-error-900\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .border-error-900\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .border-error-900\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .border-error-900\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .border-error-900\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .border-error-900\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .border-error-900\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .border-error-900\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .border-error-900\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .outline-error-900 { outline-color: var(--spectra-chromatic5-10); }
:root .outline-error-900\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .outline-error-900\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .outline-error-900\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .outline-error-900\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .outline-error-900\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .outline-error-900\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .outline-error-900\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .outline-error-900\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .outline-error-900\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .overlay-error-900 { background: var(--spectra-chromatic5-10); }
:root .overlay-error-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .overlay-error-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .overlay-error-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .overlay-error-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .overlay-error-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .overlay-error-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .overlay-error-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .overlay-error-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .overlay-error-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .fill-error-900 { fill: var(--spectra-chromatic5-10); }
:root .fill-error-900\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .fill-error-900\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .fill-error-900\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .fill-error-900\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .fill-error-900\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .fill-error-900\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .fill-error-900\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .fill-error-900\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .fill-error-900\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .stroke-error-900 { stroke: var(--spectra-chromatic5-10); }
:root .stroke-error-900\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .stroke-error-900\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .stroke-error-900\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .stroke-error-900\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .stroke-error-900\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .stroke-error-900\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .stroke-error-900\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .stroke-error-900\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .stroke-error-900\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .border-t-error-900 { border-top-color: var(--spectra-chromatic5-10); }
:root .border-t-error-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .border-t-error-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .border-t-error-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .border-t-error-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .border-t-error-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .border-t-error-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .border-t-error-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .border-t-error-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .border-t-error-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .border-r-error-900 { border-right-color: var(--spectra-chromatic5-10); }
:root .border-r-error-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .border-r-error-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .border-r-error-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .border-r-error-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .border-r-error-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .border-r-error-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .border-r-error-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .border-r-error-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .border-r-error-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .border-b-error-900 { border-bottom-color: var(--spectra-chromatic5-10); }
:root .border-b-error-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .border-b-error-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .border-b-error-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .border-b-error-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .border-b-error-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .border-b-error-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .border-b-error-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .border-b-error-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .border-b-error-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .border-l-error-900 { border-left-color: var(--spectra-chromatic5-10); }
:root .border-l-error-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .border-l-error-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .border-l-error-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .border-l-error-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .border-l-error-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .border-l-error-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .border-l-error-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .border-l-error-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .border-l-error-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .border-x-error-900 { border-left-color: var(--spectra-chromatic5-10); border-right-color: var(--spectra-chromatic5-10); }
:root .border-x-error-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .border-x-error-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .border-x-error-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .border-x-error-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .border-x-error-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .border-x-error-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .border-x-error-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .border-x-error-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .border-x-error-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .border-y-error-900 { border-top-color: var(--spectra-chromatic5-10); border-bottom-color: var(--spectra-chromatic5-10); }
:root .border-y-error-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .border-y-error-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .border-y-error-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .border-y-error-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .border-y-error-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .border-y-error-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .border-y-error-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .border-y-error-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .border-y-error-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .ring-error-900 { --tw-ring-color: var(--spectra-chromatic5-10); }
:root .ring-offset-error-900 { --tw-ring-offset-color: var(--spectra-chromatic5-10); }
:root .bg-error-950 { background: var(--spectra-chromatic5-11); }
:root .bg-error-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .bg-error-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .bg-error-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .bg-error-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .bg-error-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .bg-error-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .bg-error-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .bg-error-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .bg-error-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .text-error-950 { color: var(--spectra-chromatic5-11); -webkit-text-fill-color: var(--spectra-chromatic5-11); }
:root .text-error-950\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .text-error-950\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .text-error-950\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .text-error-950\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .text-error-950\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .text-error-950\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .text-error-950\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .text-error-950\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .text-error-950\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .border-error-950 { border-color: var(--spectra-chromatic5-11); }
:root .border-error-950\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .border-error-950\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .border-error-950\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .border-error-950\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .border-error-950\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .border-error-950\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .border-error-950\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .border-error-950\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .border-error-950\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .outline-error-950 { outline-color: var(--spectra-chromatic5-11); }
:root .outline-error-950\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .outline-error-950\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .outline-error-950\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .outline-error-950\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .outline-error-950\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .outline-error-950\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .outline-error-950\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .outline-error-950\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .outline-error-950\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .overlay-error-950 { background: var(--spectra-chromatic5-11); }
:root .overlay-error-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .overlay-error-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .overlay-error-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .overlay-error-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .overlay-error-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .overlay-error-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .overlay-error-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .overlay-error-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .overlay-error-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .fill-error-950 { fill: var(--spectra-chromatic5-11); }
:root .fill-error-950\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .fill-error-950\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .fill-error-950\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .fill-error-950\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .fill-error-950\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .fill-error-950\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .fill-error-950\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .fill-error-950\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .fill-error-950\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .stroke-error-950 { stroke: var(--spectra-chromatic5-11); }
:root .stroke-error-950\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .stroke-error-950\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .stroke-error-950\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .stroke-error-950\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .stroke-error-950\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .stroke-error-950\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .stroke-error-950\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .stroke-error-950\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .stroke-error-950\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .border-t-error-950 { border-top-color: var(--spectra-chromatic5-11); }
:root .border-t-error-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .border-t-error-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .border-t-error-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .border-t-error-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .border-t-error-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .border-t-error-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .border-t-error-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .border-t-error-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .border-t-error-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .border-r-error-950 { border-right-color: var(--spectra-chromatic5-11); }
:root .border-r-error-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .border-r-error-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .border-r-error-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .border-r-error-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .border-r-error-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .border-r-error-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .border-r-error-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .border-r-error-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .border-r-error-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .border-b-error-950 { border-bottom-color: var(--spectra-chromatic5-11); }
:root .border-b-error-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .border-b-error-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .border-b-error-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .border-b-error-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .border-b-error-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .border-b-error-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .border-b-error-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .border-b-error-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .border-b-error-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .border-l-error-950 { border-left-color: var(--spectra-chromatic5-11); }
:root .border-l-error-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .border-l-error-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .border-l-error-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .border-l-error-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .border-l-error-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .border-l-error-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .border-l-error-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .border-l-error-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .border-l-error-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .border-x-error-950 { border-left-color: var(--spectra-chromatic5-11); border-right-color: var(--spectra-chromatic5-11); }
:root .border-x-error-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .border-x-error-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .border-x-error-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .border-x-error-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .border-x-error-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .border-x-error-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .border-x-error-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .border-x-error-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .border-x-error-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .border-y-error-950 { border-top-color: var(--spectra-chromatic5-11); border-bottom-color: var(--spectra-chromatic5-11); }
:root .border-y-error-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .border-y-error-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .border-y-error-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .border-y-error-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .border-y-error-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .border-y-error-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .border-y-error-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .border-y-error-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .border-y-error-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .ring-error-950 { --tw-ring-color: var(--spectra-chromatic5-11); }
:root .ring-offset-error-950 { --tw-ring-offset-color: var(--spectra-chromatic5-11); }
:root .bg-info-50 { background: var(--spectra-chromatic6-1); }
:root .bg-info-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .bg-info-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .bg-info-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .bg-info-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .bg-info-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .bg-info-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .bg-info-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .bg-info-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .bg-info-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .text-info-50 { color: var(--spectra-chromatic6-1); -webkit-text-fill-color: var(--spectra-chromatic6-1); }
:root .text-info-50\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .text-info-50\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .text-info-50\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .text-info-50\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .text-info-50\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .text-info-50\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .text-info-50\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .text-info-50\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .text-info-50\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .border-info-50 { border-color: var(--spectra-chromatic6-1); }
:root .border-info-50\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .border-info-50\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .border-info-50\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .border-info-50\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .border-info-50\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .border-info-50\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .border-info-50\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .border-info-50\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .border-info-50\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .outline-info-50 { outline-color: var(--spectra-chromatic6-1); }
:root .outline-info-50\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .outline-info-50\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .outline-info-50\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .outline-info-50\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .outline-info-50\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .outline-info-50\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .outline-info-50\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .outline-info-50\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .outline-info-50\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .overlay-info-50 { background: var(--spectra-chromatic6-1); }
:root .overlay-info-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .overlay-info-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .overlay-info-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .overlay-info-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .overlay-info-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .overlay-info-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .overlay-info-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .overlay-info-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .overlay-info-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .fill-info-50 { fill: var(--spectra-chromatic6-1); }
:root .fill-info-50\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .fill-info-50\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .fill-info-50\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .fill-info-50\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .fill-info-50\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .fill-info-50\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .fill-info-50\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .fill-info-50\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .fill-info-50\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .stroke-info-50 { stroke: var(--spectra-chromatic6-1); }
:root .stroke-info-50\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .stroke-info-50\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .stroke-info-50\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .stroke-info-50\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .stroke-info-50\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .stroke-info-50\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .stroke-info-50\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .stroke-info-50\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .stroke-info-50\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .border-t-info-50 { border-top-color: var(--spectra-chromatic6-1); }
:root .border-t-info-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .border-t-info-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .border-t-info-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .border-t-info-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .border-t-info-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .border-t-info-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .border-t-info-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .border-t-info-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .border-t-info-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .border-r-info-50 { border-right-color: var(--spectra-chromatic6-1); }
:root .border-r-info-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .border-r-info-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .border-r-info-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .border-r-info-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .border-r-info-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .border-r-info-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .border-r-info-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .border-r-info-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .border-r-info-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .border-b-info-50 { border-bottom-color: var(--spectra-chromatic6-1); }
:root .border-b-info-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .border-b-info-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .border-b-info-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .border-b-info-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .border-b-info-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .border-b-info-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .border-b-info-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .border-b-info-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .border-b-info-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .border-l-info-50 { border-left-color: var(--spectra-chromatic6-1); }
:root .border-l-info-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .border-l-info-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .border-l-info-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .border-l-info-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .border-l-info-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .border-l-info-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .border-l-info-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .border-l-info-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .border-l-info-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .border-x-info-50 { border-left-color: var(--spectra-chromatic6-1); border-right-color: var(--spectra-chromatic6-1); }
:root .border-x-info-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .border-x-info-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .border-x-info-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .border-x-info-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .border-x-info-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .border-x-info-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .border-x-info-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .border-x-info-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .border-x-info-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .border-y-info-50 { border-top-color: var(--spectra-chromatic6-1); border-bottom-color: var(--spectra-chromatic6-1); }
:root .border-y-info-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .border-y-info-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .border-y-info-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .border-y-info-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .border-y-info-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .border-y-info-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .border-y-info-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .border-y-info-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .border-y-info-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .ring-info-50 { --tw-ring-color: var(--spectra-chromatic6-1); }
:root .ring-offset-info-50 { --tw-ring-offset-color: var(--spectra-chromatic6-1); }
:root .bg-info-100 { background: var(--spectra-chromatic6-2); }
:root .bg-info-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .bg-info-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .bg-info-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .bg-info-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .bg-info-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .bg-info-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .bg-info-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .bg-info-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .bg-info-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .text-info-100 { color: var(--spectra-chromatic6-2); -webkit-text-fill-color: var(--spectra-chromatic6-2); }
:root .text-info-100\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .text-info-100\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .text-info-100\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .text-info-100\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .text-info-100\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .text-info-100\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .text-info-100\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .text-info-100\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .text-info-100\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .border-info-100 { border-color: var(--spectra-chromatic6-2); }
:root .border-info-100\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .border-info-100\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .border-info-100\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .border-info-100\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .border-info-100\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .border-info-100\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .border-info-100\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .border-info-100\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .border-info-100\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .outline-info-100 { outline-color: var(--spectra-chromatic6-2); }
:root .outline-info-100\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .outline-info-100\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .outline-info-100\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .outline-info-100\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .outline-info-100\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .outline-info-100\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .outline-info-100\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .outline-info-100\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .outline-info-100\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .overlay-info-100 { background: var(--spectra-chromatic6-2); }
:root .overlay-info-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .overlay-info-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .overlay-info-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .overlay-info-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .overlay-info-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .overlay-info-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .overlay-info-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .overlay-info-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .overlay-info-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .fill-info-100 { fill: var(--spectra-chromatic6-2); }
:root .fill-info-100\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .fill-info-100\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .fill-info-100\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .fill-info-100\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .fill-info-100\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .fill-info-100\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .fill-info-100\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .fill-info-100\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .fill-info-100\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .stroke-info-100 { stroke: var(--spectra-chromatic6-2); }
:root .stroke-info-100\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .stroke-info-100\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .stroke-info-100\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .stroke-info-100\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .stroke-info-100\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .stroke-info-100\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .stroke-info-100\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .stroke-info-100\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .stroke-info-100\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .border-t-info-100 { border-top-color: var(--spectra-chromatic6-2); }
:root .border-t-info-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .border-t-info-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .border-t-info-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .border-t-info-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .border-t-info-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .border-t-info-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .border-t-info-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .border-t-info-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .border-t-info-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .border-r-info-100 { border-right-color: var(--spectra-chromatic6-2); }
:root .border-r-info-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .border-r-info-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .border-r-info-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .border-r-info-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .border-r-info-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .border-r-info-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .border-r-info-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .border-r-info-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .border-r-info-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .border-b-info-100 { border-bottom-color: var(--spectra-chromatic6-2); }
:root .border-b-info-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .border-b-info-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .border-b-info-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .border-b-info-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .border-b-info-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .border-b-info-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .border-b-info-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .border-b-info-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .border-b-info-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .border-l-info-100 { border-left-color: var(--spectra-chromatic6-2); }
:root .border-l-info-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .border-l-info-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .border-l-info-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .border-l-info-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .border-l-info-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .border-l-info-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .border-l-info-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .border-l-info-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .border-l-info-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .border-x-info-100 { border-left-color: var(--spectra-chromatic6-2); border-right-color: var(--spectra-chromatic6-2); }
:root .border-x-info-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .border-x-info-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .border-x-info-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .border-x-info-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .border-x-info-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .border-x-info-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .border-x-info-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .border-x-info-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .border-x-info-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .border-y-info-100 { border-top-color: var(--spectra-chromatic6-2); border-bottom-color: var(--spectra-chromatic6-2); }
:root .border-y-info-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .border-y-info-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .border-y-info-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .border-y-info-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .border-y-info-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .border-y-info-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .border-y-info-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .border-y-info-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .border-y-info-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .ring-info-100 { --tw-ring-color: var(--spectra-chromatic6-2); }
:root .ring-offset-info-100 { --tw-ring-offset-color: var(--spectra-chromatic6-2); }
:root .bg-info-200 { background: var(--spectra-chromatic6-3); }
:root .bg-info-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .bg-info-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .bg-info-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .bg-info-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .bg-info-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .bg-info-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .bg-info-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .bg-info-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .bg-info-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .text-info-200 { color: var(--spectra-chromatic6-3); -webkit-text-fill-color: var(--spectra-chromatic6-3); }
:root .text-info-200\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .text-info-200\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .text-info-200\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .text-info-200\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .text-info-200\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .text-info-200\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .text-info-200\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .text-info-200\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .text-info-200\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .border-info-200 { border-color: var(--spectra-chromatic6-3); }
:root .border-info-200\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .border-info-200\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .border-info-200\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .border-info-200\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .border-info-200\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .border-info-200\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .border-info-200\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .border-info-200\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .border-info-200\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .outline-info-200 { outline-color: var(--spectra-chromatic6-3); }
:root .outline-info-200\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .outline-info-200\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .outline-info-200\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .outline-info-200\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .outline-info-200\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .outline-info-200\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .outline-info-200\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .outline-info-200\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .outline-info-200\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .overlay-info-200 { background: var(--spectra-chromatic6-3); }
:root .overlay-info-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .overlay-info-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .overlay-info-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .overlay-info-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .overlay-info-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .overlay-info-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .overlay-info-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .overlay-info-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .overlay-info-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .fill-info-200 { fill: var(--spectra-chromatic6-3); }
:root .fill-info-200\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .fill-info-200\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .fill-info-200\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .fill-info-200\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .fill-info-200\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .fill-info-200\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .fill-info-200\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .fill-info-200\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .fill-info-200\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .stroke-info-200 { stroke: var(--spectra-chromatic6-3); }
:root .stroke-info-200\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .stroke-info-200\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .stroke-info-200\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .stroke-info-200\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .stroke-info-200\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .stroke-info-200\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .stroke-info-200\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .stroke-info-200\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .stroke-info-200\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .border-t-info-200 { border-top-color: var(--spectra-chromatic6-3); }
:root .border-t-info-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .border-t-info-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .border-t-info-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .border-t-info-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .border-t-info-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .border-t-info-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .border-t-info-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .border-t-info-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .border-t-info-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .border-r-info-200 { border-right-color: var(--spectra-chromatic6-3); }
:root .border-r-info-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .border-r-info-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .border-r-info-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .border-r-info-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .border-r-info-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .border-r-info-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .border-r-info-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .border-r-info-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .border-r-info-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .border-b-info-200 { border-bottom-color: var(--spectra-chromatic6-3); }
:root .border-b-info-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .border-b-info-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .border-b-info-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .border-b-info-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .border-b-info-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .border-b-info-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .border-b-info-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .border-b-info-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .border-b-info-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .border-l-info-200 { border-left-color: var(--spectra-chromatic6-3); }
:root .border-l-info-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .border-l-info-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .border-l-info-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .border-l-info-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .border-l-info-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .border-l-info-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .border-l-info-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .border-l-info-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .border-l-info-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .border-x-info-200 { border-left-color: var(--spectra-chromatic6-3); border-right-color: var(--spectra-chromatic6-3); }
:root .border-x-info-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .border-x-info-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .border-x-info-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .border-x-info-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .border-x-info-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .border-x-info-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .border-x-info-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .border-x-info-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .border-x-info-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .border-y-info-200 { border-top-color: var(--spectra-chromatic6-3); border-bottom-color: var(--spectra-chromatic6-3); }
:root .border-y-info-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .border-y-info-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .border-y-info-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .border-y-info-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .border-y-info-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .border-y-info-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .border-y-info-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .border-y-info-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .border-y-info-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .ring-info-200 { --tw-ring-color: var(--spectra-chromatic6-3); }
:root .ring-offset-info-200 { --tw-ring-offset-color: var(--spectra-chromatic6-3); }
:root .bg-info-300 { background: var(--spectra-chromatic6-4); }
:root .bg-info-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .bg-info-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .bg-info-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .bg-info-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .bg-info-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .bg-info-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .bg-info-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .bg-info-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .bg-info-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .text-info-300 { color: var(--spectra-chromatic6-4); -webkit-text-fill-color: var(--spectra-chromatic6-4); }
:root .text-info-300\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .text-info-300\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .text-info-300\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .text-info-300\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .text-info-300\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .text-info-300\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .text-info-300\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .text-info-300\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .text-info-300\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .border-info-300 { border-color: var(--spectra-chromatic6-4); }
:root .border-info-300\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .border-info-300\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .border-info-300\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .border-info-300\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .border-info-300\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .border-info-300\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .border-info-300\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .border-info-300\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .border-info-300\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .outline-info-300 { outline-color: var(--spectra-chromatic6-4); }
:root .outline-info-300\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .outline-info-300\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .outline-info-300\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .outline-info-300\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .outline-info-300\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .outline-info-300\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .outline-info-300\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .outline-info-300\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .outline-info-300\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .overlay-info-300 { background: var(--spectra-chromatic6-4); }
:root .overlay-info-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .overlay-info-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .overlay-info-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .overlay-info-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .overlay-info-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .overlay-info-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .overlay-info-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .overlay-info-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .overlay-info-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .fill-info-300 { fill: var(--spectra-chromatic6-4); }
:root .fill-info-300\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .fill-info-300\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .fill-info-300\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .fill-info-300\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .fill-info-300\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .fill-info-300\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .fill-info-300\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .fill-info-300\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .fill-info-300\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .stroke-info-300 { stroke: var(--spectra-chromatic6-4); }
:root .stroke-info-300\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .stroke-info-300\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .stroke-info-300\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .stroke-info-300\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .stroke-info-300\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .stroke-info-300\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .stroke-info-300\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .stroke-info-300\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .stroke-info-300\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .border-t-info-300 { border-top-color: var(--spectra-chromatic6-4); }
:root .border-t-info-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .border-t-info-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .border-t-info-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .border-t-info-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .border-t-info-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .border-t-info-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .border-t-info-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .border-t-info-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .border-t-info-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .border-r-info-300 { border-right-color: var(--spectra-chromatic6-4); }
:root .border-r-info-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .border-r-info-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .border-r-info-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .border-r-info-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .border-r-info-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .border-r-info-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .border-r-info-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .border-r-info-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .border-r-info-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .border-b-info-300 { border-bottom-color: var(--spectra-chromatic6-4); }
:root .border-b-info-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .border-b-info-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .border-b-info-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .border-b-info-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .border-b-info-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .border-b-info-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .border-b-info-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .border-b-info-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .border-b-info-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .border-l-info-300 { border-left-color: var(--spectra-chromatic6-4); }
:root .border-l-info-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .border-l-info-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .border-l-info-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .border-l-info-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .border-l-info-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .border-l-info-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .border-l-info-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .border-l-info-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .border-l-info-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .border-x-info-300 { border-left-color: var(--spectra-chromatic6-4); border-right-color: var(--spectra-chromatic6-4); }
:root .border-x-info-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .border-x-info-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .border-x-info-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .border-x-info-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .border-x-info-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .border-x-info-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .border-x-info-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .border-x-info-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .border-x-info-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .border-y-info-300 { border-top-color: var(--spectra-chromatic6-4); border-bottom-color: var(--spectra-chromatic6-4); }
:root .border-y-info-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .border-y-info-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .border-y-info-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .border-y-info-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .border-y-info-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .border-y-info-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .border-y-info-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .border-y-info-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .border-y-info-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .ring-info-300 { --tw-ring-color: var(--spectra-chromatic6-4); }
:root .ring-offset-info-300 { --tw-ring-offset-color: var(--spectra-chromatic6-4); }
:root .bg-info-400 { background: var(--spectra-chromatic6-5); }
:root .bg-info-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .bg-info-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .bg-info-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .bg-info-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .bg-info-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .bg-info-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .bg-info-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .bg-info-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .bg-info-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .text-info-400 { color: var(--spectra-chromatic6-5); -webkit-text-fill-color: var(--spectra-chromatic6-5); }
:root .text-info-400\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .text-info-400\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .text-info-400\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .text-info-400\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .text-info-400\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .text-info-400\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .text-info-400\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .text-info-400\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .text-info-400\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .border-info-400 { border-color: var(--spectra-chromatic6-5); }
:root .border-info-400\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .border-info-400\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .border-info-400\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .border-info-400\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .border-info-400\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .border-info-400\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .border-info-400\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .border-info-400\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .border-info-400\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .outline-info-400 { outline-color: var(--spectra-chromatic6-5); }
:root .outline-info-400\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .outline-info-400\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .outline-info-400\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .outline-info-400\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .outline-info-400\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .outline-info-400\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .outline-info-400\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .outline-info-400\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .outline-info-400\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .overlay-info-400 { background: var(--spectra-chromatic6-5); }
:root .overlay-info-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .overlay-info-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .overlay-info-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .overlay-info-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .overlay-info-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .overlay-info-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .overlay-info-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .overlay-info-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .overlay-info-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .fill-info-400 { fill: var(--spectra-chromatic6-5); }
:root .fill-info-400\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .fill-info-400\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .fill-info-400\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .fill-info-400\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .fill-info-400\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .fill-info-400\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .fill-info-400\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .fill-info-400\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .fill-info-400\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .stroke-info-400 { stroke: var(--spectra-chromatic6-5); }
:root .stroke-info-400\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .stroke-info-400\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .stroke-info-400\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .stroke-info-400\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .stroke-info-400\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .stroke-info-400\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .stroke-info-400\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .stroke-info-400\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .stroke-info-400\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .border-t-info-400 { border-top-color: var(--spectra-chromatic6-5); }
:root .border-t-info-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .border-t-info-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .border-t-info-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .border-t-info-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .border-t-info-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .border-t-info-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .border-t-info-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .border-t-info-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .border-t-info-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .border-r-info-400 { border-right-color: var(--spectra-chromatic6-5); }
:root .border-r-info-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .border-r-info-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .border-r-info-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .border-r-info-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .border-r-info-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .border-r-info-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .border-r-info-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .border-r-info-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .border-r-info-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .border-b-info-400 { border-bottom-color: var(--spectra-chromatic6-5); }
:root .border-b-info-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .border-b-info-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .border-b-info-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .border-b-info-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .border-b-info-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .border-b-info-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .border-b-info-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .border-b-info-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .border-b-info-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .border-l-info-400 { border-left-color: var(--spectra-chromatic6-5); }
:root .border-l-info-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .border-l-info-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .border-l-info-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .border-l-info-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .border-l-info-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .border-l-info-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .border-l-info-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .border-l-info-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .border-l-info-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .border-x-info-400 { border-left-color: var(--spectra-chromatic6-5); border-right-color: var(--spectra-chromatic6-5); }
:root .border-x-info-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .border-x-info-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .border-x-info-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .border-x-info-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .border-x-info-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .border-x-info-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .border-x-info-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .border-x-info-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .border-x-info-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .border-y-info-400 { border-top-color: var(--spectra-chromatic6-5); border-bottom-color: var(--spectra-chromatic6-5); }
:root .border-y-info-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .border-y-info-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .border-y-info-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .border-y-info-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .border-y-info-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .border-y-info-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .border-y-info-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .border-y-info-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .border-y-info-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .ring-info-400 { --tw-ring-color: var(--spectra-chromatic6-5); }
:root .ring-offset-info-400 { --tw-ring-offset-color: var(--spectra-chromatic6-5); }
:root .bg-info-500 { background: var(--spectra-chromatic6-6); }
:root .bg-info-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .bg-info-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .bg-info-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .bg-info-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .bg-info-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .bg-info-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .bg-info-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .bg-info-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .bg-info-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .text-info-500 { color: var(--spectra-chromatic6-6); -webkit-text-fill-color: var(--spectra-chromatic6-6); }
:root .text-info-500\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .text-info-500\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .text-info-500\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .text-info-500\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .text-info-500\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .text-info-500\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .text-info-500\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .text-info-500\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .text-info-500\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .border-info-500 { border-color: var(--spectra-chromatic6-6); }
:root .border-info-500\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .border-info-500\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .border-info-500\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .border-info-500\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .border-info-500\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .border-info-500\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .border-info-500\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .border-info-500\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .border-info-500\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .outline-info-500 { outline-color: var(--spectra-chromatic6-6); }
:root .outline-info-500\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .outline-info-500\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .outline-info-500\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .outline-info-500\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .outline-info-500\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .outline-info-500\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .outline-info-500\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .outline-info-500\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .outline-info-500\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .overlay-info-500 { background: var(--spectra-chromatic6-6); }
:root .overlay-info-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .overlay-info-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .overlay-info-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .overlay-info-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .overlay-info-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .overlay-info-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .overlay-info-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .overlay-info-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .overlay-info-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .fill-info-500 { fill: var(--spectra-chromatic6-6); }
:root .fill-info-500\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .fill-info-500\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .fill-info-500\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .fill-info-500\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .fill-info-500\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .fill-info-500\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .fill-info-500\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .fill-info-500\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .fill-info-500\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .stroke-info-500 { stroke: var(--spectra-chromatic6-6); }
:root .stroke-info-500\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .stroke-info-500\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .stroke-info-500\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .stroke-info-500\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .stroke-info-500\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .stroke-info-500\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .stroke-info-500\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .stroke-info-500\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .stroke-info-500\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .border-t-info-500 { border-top-color: var(--spectra-chromatic6-6); }
:root .border-t-info-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .border-t-info-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .border-t-info-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .border-t-info-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .border-t-info-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .border-t-info-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .border-t-info-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .border-t-info-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .border-t-info-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .border-r-info-500 { border-right-color: var(--spectra-chromatic6-6); }
:root .border-r-info-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .border-r-info-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .border-r-info-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .border-r-info-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .border-r-info-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .border-r-info-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .border-r-info-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .border-r-info-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .border-r-info-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .border-b-info-500 { border-bottom-color: var(--spectra-chromatic6-6); }
:root .border-b-info-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .border-b-info-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .border-b-info-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .border-b-info-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .border-b-info-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .border-b-info-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .border-b-info-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .border-b-info-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .border-b-info-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .border-l-info-500 { border-left-color: var(--spectra-chromatic6-6); }
:root .border-l-info-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .border-l-info-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .border-l-info-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .border-l-info-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .border-l-info-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .border-l-info-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .border-l-info-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .border-l-info-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .border-l-info-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .border-x-info-500 { border-left-color: var(--spectra-chromatic6-6); border-right-color: var(--spectra-chromatic6-6); }
:root .border-x-info-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .border-x-info-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .border-x-info-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .border-x-info-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .border-x-info-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .border-x-info-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .border-x-info-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .border-x-info-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .border-x-info-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .border-y-info-500 { border-top-color: var(--spectra-chromatic6-6); border-bottom-color: var(--spectra-chromatic6-6); }
:root .border-y-info-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .border-y-info-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .border-y-info-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .border-y-info-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .border-y-info-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .border-y-info-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .border-y-info-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .border-y-info-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .border-y-info-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .ring-info-500 { --tw-ring-color: var(--spectra-chromatic6-6); }
:root .ring-offset-info-500 { --tw-ring-offset-color: var(--spectra-chromatic6-6); }
:root .bg-info-600 { background: var(--spectra-chromatic6-7); }
:root .bg-info-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .bg-info-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .bg-info-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .bg-info-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .bg-info-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .bg-info-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .bg-info-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .bg-info-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .bg-info-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .text-info-600 { color: var(--spectra-chromatic6-7); -webkit-text-fill-color: var(--spectra-chromatic6-7); }
:root .text-info-600\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .text-info-600\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .text-info-600\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .text-info-600\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .text-info-600\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .text-info-600\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .text-info-600\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .text-info-600\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .text-info-600\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .border-info-600 { border-color: var(--spectra-chromatic6-7); }
:root .border-info-600\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .border-info-600\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .border-info-600\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .border-info-600\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .border-info-600\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .border-info-600\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .border-info-600\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .border-info-600\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .border-info-600\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .outline-info-600 { outline-color: var(--spectra-chromatic6-7); }
:root .outline-info-600\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .outline-info-600\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .outline-info-600\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .outline-info-600\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .outline-info-600\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .outline-info-600\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .outline-info-600\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .outline-info-600\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .outline-info-600\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .overlay-info-600 { background: var(--spectra-chromatic6-7); }
:root .overlay-info-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .overlay-info-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .overlay-info-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .overlay-info-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .overlay-info-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .overlay-info-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .overlay-info-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .overlay-info-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .overlay-info-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .fill-info-600 { fill: var(--spectra-chromatic6-7); }
:root .fill-info-600\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .fill-info-600\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .fill-info-600\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .fill-info-600\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .fill-info-600\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .fill-info-600\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .fill-info-600\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .fill-info-600\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .fill-info-600\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .stroke-info-600 { stroke: var(--spectra-chromatic6-7); }
:root .stroke-info-600\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .stroke-info-600\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .stroke-info-600\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .stroke-info-600\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .stroke-info-600\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .stroke-info-600\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .stroke-info-600\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .stroke-info-600\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .stroke-info-600\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .border-t-info-600 { border-top-color: var(--spectra-chromatic6-7); }
:root .border-t-info-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .border-t-info-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .border-t-info-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .border-t-info-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .border-t-info-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .border-t-info-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .border-t-info-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .border-t-info-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .border-t-info-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .border-r-info-600 { border-right-color: var(--spectra-chromatic6-7); }
:root .border-r-info-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .border-r-info-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .border-r-info-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .border-r-info-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .border-r-info-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .border-r-info-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .border-r-info-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .border-r-info-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .border-r-info-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .border-b-info-600 { border-bottom-color: var(--spectra-chromatic6-7); }
:root .border-b-info-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .border-b-info-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .border-b-info-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .border-b-info-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .border-b-info-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .border-b-info-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .border-b-info-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .border-b-info-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .border-b-info-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .border-l-info-600 { border-left-color: var(--spectra-chromatic6-7); }
:root .border-l-info-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .border-l-info-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .border-l-info-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .border-l-info-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .border-l-info-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .border-l-info-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .border-l-info-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .border-l-info-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .border-l-info-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .border-x-info-600 { border-left-color: var(--spectra-chromatic6-7); border-right-color: var(--spectra-chromatic6-7); }
:root .border-x-info-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .border-x-info-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .border-x-info-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .border-x-info-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .border-x-info-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .border-x-info-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .border-x-info-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .border-x-info-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .border-x-info-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .border-y-info-600 { border-top-color: var(--spectra-chromatic6-7); border-bottom-color: var(--spectra-chromatic6-7); }
:root .border-y-info-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .border-y-info-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .border-y-info-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .border-y-info-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .border-y-info-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .border-y-info-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .border-y-info-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .border-y-info-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .border-y-info-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .ring-info-600 { --tw-ring-color: var(--spectra-chromatic6-7); }
:root .ring-offset-info-600 { --tw-ring-offset-color: var(--spectra-chromatic6-7); }
:root .bg-info-700 { background: var(--spectra-chromatic6-8); }
:root .bg-info-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .bg-info-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .bg-info-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .bg-info-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .bg-info-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .bg-info-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .bg-info-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .bg-info-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .bg-info-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .text-info-700 { color: var(--spectra-chromatic6-8); -webkit-text-fill-color: var(--spectra-chromatic6-8); }
:root .text-info-700\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .text-info-700\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .text-info-700\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .text-info-700\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .text-info-700\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .text-info-700\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .text-info-700\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .text-info-700\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .text-info-700\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .border-info-700 { border-color: var(--spectra-chromatic6-8); }
:root .border-info-700\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .border-info-700\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .border-info-700\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .border-info-700\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .border-info-700\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .border-info-700\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .border-info-700\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .border-info-700\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .border-info-700\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .outline-info-700 { outline-color: var(--spectra-chromatic6-8); }
:root .outline-info-700\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .outline-info-700\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .outline-info-700\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .outline-info-700\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .outline-info-700\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .outline-info-700\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .outline-info-700\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .outline-info-700\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .outline-info-700\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .overlay-info-700 { background: var(--spectra-chromatic6-8); }
:root .overlay-info-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .overlay-info-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .overlay-info-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .overlay-info-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .overlay-info-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .overlay-info-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .overlay-info-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .overlay-info-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .overlay-info-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .fill-info-700 { fill: var(--spectra-chromatic6-8); }
:root .fill-info-700\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .fill-info-700\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .fill-info-700\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .fill-info-700\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .fill-info-700\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .fill-info-700\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .fill-info-700\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .fill-info-700\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .fill-info-700\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .stroke-info-700 { stroke: var(--spectra-chromatic6-8); }
:root .stroke-info-700\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .stroke-info-700\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .stroke-info-700\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .stroke-info-700\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .stroke-info-700\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .stroke-info-700\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .stroke-info-700\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .stroke-info-700\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .stroke-info-700\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .border-t-info-700 { border-top-color: var(--spectra-chromatic6-8); }
:root .border-t-info-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .border-t-info-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .border-t-info-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .border-t-info-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .border-t-info-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .border-t-info-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .border-t-info-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .border-t-info-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .border-t-info-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .border-r-info-700 { border-right-color: var(--spectra-chromatic6-8); }
:root .border-r-info-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .border-r-info-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .border-r-info-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .border-r-info-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .border-r-info-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .border-r-info-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .border-r-info-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .border-r-info-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .border-r-info-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .border-b-info-700 { border-bottom-color: var(--spectra-chromatic6-8); }
:root .border-b-info-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .border-b-info-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .border-b-info-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .border-b-info-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .border-b-info-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .border-b-info-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .border-b-info-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .border-b-info-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .border-b-info-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .border-l-info-700 { border-left-color: var(--spectra-chromatic6-8); }
:root .border-l-info-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .border-l-info-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .border-l-info-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .border-l-info-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .border-l-info-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .border-l-info-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .border-l-info-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .border-l-info-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .border-l-info-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .border-x-info-700 { border-left-color: var(--spectra-chromatic6-8); border-right-color: var(--spectra-chromatic6-8); }
:root .border-x-info-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .border-x-info-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .border-x-info-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .border-x-info-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .border-x-info-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .border-x-info-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .border-x-info-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .border-x-info-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .border-x-info-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .border-y-info-700 { border-top-color: var(--spectra-chromatic6-8); border-bottom-color: var(--spectra-chromatic6-8); }
:root .border-y-info-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .border-y-info-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .border-y-info-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .border-y-info-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .border-y-info-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .border-y-info-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .border-y-info-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .border-y-info-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .border-y-info-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .ring-info-700 { --tw-ring-color: var(--spectra-chromatic6-8); }
:root .ring-offset-info-700 { --tw-ring-offset-color: var(--spectra-chromatic6-8); }
:root .bg-info-800 { background: var(--spectra-chromatic6-9); }
:root .bg-info-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .bg-info-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .bg-info-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .bg-info-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .bg-info-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .bg-info-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .bg-info-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .bg-info-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .bg-info-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .text-info-800 { color: var(--spectra-chromatic6-9); -webkit-text-fill-color: var(--spectra-chromatic6-9); }
:root .text-info-800\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .text-info-800\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .text-info-800\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .text-info-800\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .text-info-800\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .text-info-800\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .text-info-800\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .text-info-800\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .text-info-800\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .border-info-800 { border-color: var(--spectra-chromatic6-9); }
:root .border-info-800\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .border-info-800\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .border-info-800\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .border-info-800\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .border-info-800\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .border-info-800\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .border-info-800\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .border-info-800\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .border-info-800\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .outline-info-800 { outline-color: var(--spectra-chromatic6-9); }
:root .outline-info-800\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .outline-info-800\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .outline-info-800\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .outline-info-800\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .outline-info-800\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .outline-info-800\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .outline-info-800\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .outline-info-800\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .outline-info-800\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .overlay-info-800 { background: var(--spectra-chromatic6-9); }
:root .overlay-info-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .overlay-info-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .overlay-info-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .overlay-info-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .overlay-info-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .overlay-info-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .overlay-info-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .overlay-info-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .overlay-info-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .fill-info-800 { fill: var(--spectra-chromatic6-9); }
:root .fill-info-800\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .fill-info-800\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .fill-info-800\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .fill-info-800\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .fill-info-800\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .fill-info-800\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .fill-info-800\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .fill-info-800\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .fill-info-800\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .stroke-info-800 { stroke: var(--spectra-chromatic6-9); }
:root .stroke-info-800\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .stroke-info-800\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .stroke-info-800\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .stroke-info-800\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .stroke-info-800\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .stroke-info-800\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .stroke-info-800\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .stroke-info-800\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .stroke-info-800\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .border-t-info-800 { border-top-color: var(--spectra-chromatic6-9); }
:root .border-t-info-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .border-t-info-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .border-t-info-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .border-t-info-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .border-t-info-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .border-t-info-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .border-t-info-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .border-t-info-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .border-t-info-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .border-r-info-800 { border-right-color: var(--spectra-chromatic6-9); }
:root .border-r-info-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .border-r-info-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .border-r-info-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .border-r-info-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .border-r-info-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .border-r-info-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .border-r-info-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .border-r-info-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .border-r-info-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .border-b-info-800 { border-bottom-color: var(--spectra-chromatic6-9); }
:root .border-b-info-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .border-b-info-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .border-b-info-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .border-b-info-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .border-b-info-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .border-b-info-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .border-b-info-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .border-b-info-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .border-b-info-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .border-l-info-800 { border-left-color: var(--spectra-chromatic6-9); }
:root .border-l-info-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .border-l-info-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .border-l-info-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .border-l-info-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .border-l-info-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .border-l-info-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .border-l-info-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .border-l-info-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .border-l-info-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .border-x-info-800 { border-left-color: var(--spectra-chromatic6-9); border-right-color: var(--spectra-chromatic6-9); }
:root .border-x-info-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .border-x-info-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .border-x-info-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .border-x-info-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .border-x-info-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .border-x-info-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .border-x-info-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .border-x-info-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .border-x-info-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .border-y-info-800 { border-top-color: var(--spectra-chromatic6-9); border-bottom-color: var(--spectra-chromatic6-9); }
:root .border-y-info-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .border-y-info-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .border-y-info-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .border-y-info-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .border-y-info-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .border-y-info-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .border-y-info-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .border-y-info-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .border-y-info-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .ring-info-800 { --tw-ring-color: var(--spectra-chromatic6-9); }
:root .ring-offset-info-800 { --tw-ring-offset-color: var(--spectra-chromatic6-9); }
:root .bg-info-900 { background: var(--spectra-chromatic6-10); }
:root .bg-info-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .bg-info-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .bg-info-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .bg-info-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .bg-info-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .bg-info-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .bg-info-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .bg-info-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .bg-info-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .text-info-900 { color: var(--spectra-chromatic6-10); -webkit-text-fill-color: var(--spectra-chromatic6-10); }
:root .text-info-900\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .text-info-900\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .text-info-900\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .text-info-900\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .text-info-900\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .text-info-900\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .text-info-900\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .text-info-900\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .text-info-900\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .border-info-900 { border-color: var(--spectra-chromatic6-10); }
:root .border-info-900\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .border-info-900\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .border-info-900\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .border-info-900\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .border-info-900\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .border-info-900\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .border-info-900\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .border-info-900\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .border-info-900\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .outline-info-900 { outline-color: var(--spectra-chromatic6-10); }
:root .outline-info-900\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .outline-info-900\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .outline-info-900\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .outline-info-900\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .outline-info-900\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .outline-info-900\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .outline-info-900\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .outline-info-900\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .outline-info-900\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .overlay-info-900 { background: var(--spectra-chromatic6-10); }
:root .overlay-info-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .overlay-info-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .overlay-info-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .overlay-info-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .overlay-info-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .overlay-info-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .overlay-info-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .overlay-info-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .overlay-info-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .fill-info-900 { fill: var(--spectra-chromatic6-10); }
:root .fill-info-900\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .fill-info-900\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .fill-info-900\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .fill-info-900\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .fill-info-900\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .fill-info-900\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .fill-info-900\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .fill-info-900\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .fill-info-900\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .stroke-info-900 { stroke: var(--spectra-chromatic6-10); }
:root .stroke-info-900\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .stroke-info-900\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .stroke-info-900\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .stroke-info-900\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .stroke-info-900\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .stroke-info-900\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .stroke-info-900\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .stroke-info-900\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .stroke-info-900\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .border-t-info-900 { border-top-color: var(--spectra-chromatic6-10); }
:root .border-t-info-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .border-t-info-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .border-t-info-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .border-t-info-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .border-t-info-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .border-t-info-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .border-t-info-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .border-t-info-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .border-t-info-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .border-r-info-900 { border-right-color: var(--spectra-chromatic6-10); }
:root .border-r-info-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .border-r-info-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .border-r-info-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .border-r-info-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .border-r-info-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .border-r-info-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .border-r-info-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .border-r-info-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .border-r-info-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .border-b-info-900 { border-bottom-color: var(--spectra-chromatic6-10); }
:root .border-b-info-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .border-b-info-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .border-b-info-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .border-b-info-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .border-b-info-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .border-b-info-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .border-b-info-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .border-b-info-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .border-b-info-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .border-l-info-900 { border-left-color: var(--spectra-chromatic6-10); }
:root .border-l-info-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .border-l-info-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .border-l-info-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .border-l-info-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .border-l-info-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .border-l-info-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .border-l-info-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .border-l-info-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .border-l-info-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .border-x-info-900 { border-left-color: var(--spectra-chromatic6-10); border-right-color: var(--spectra-chromatic6-10); }
:root .border-x-info-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .border-x-info-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .border-x-info-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .border-x-info-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .border-x-info-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .border-x-info-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .border-x-info-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .border-x-info-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .border-x-info-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .border-y-info-900 { border-top-color: var(--spectra-chromatic6-10); border-bottom-color: var(--spectra-chromatic6-10); }
:root .border-y-info-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .border-y-info-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .border-y-info-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .border-y-info-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .border-y-info-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .border-y-info-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .border-y-info-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .border-y-info-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .border-y-info-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .ring-info-900 { --tw-ring-color: var(--spectra-chromatic6-10); }
:root .ring-offset-info-900 { --tw-ring-offset-color: var(--spectra-chromatic6-10); }
:root .bg-info-950 { background: var(--spectra-chromatic6-11); }
:root .bg-info-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .bg-info-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .bg-info-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .bg-info-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .bg-info-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .bg-info-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .bg-info-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .bg-info-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .bg-info-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .text-info-950 { color: var(--spectra-chromatic6-11); -webkit-text-fill-color: var(--spectra-chromatic6-11); }
:root .text-info-950\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .text-info-950\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .text-info-950\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .text-info-950\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .text-info-950\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .text-info-950\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .text-info-950\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .text-info-950\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .text-info-950\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .border-info-950 { border-color: var(--spectra-chromatic6-11); }
:root .border-info-950\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .border-info-950\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .border-info-950\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .border-info-950\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .border-info-950\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .border-info-950\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .border-info-950\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .border-info-950\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .border-info-950\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .outline-info-950 { outline-color: var(--spectra-chromatic6-11); }
:root .outline-info-950\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .outline-info-950\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .outline-info-950\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .outline-info-950\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .outline-info-950\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .outline-info-950\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .outline-info-950\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .outline-info-950\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .outline-info-950\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .overlay-info-950 { background: var(--spectra-chromatic6-11); }
:root .overlay-info-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .overlay-info-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .overlay-info-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .overlay-info-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .overlay-info-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .overlay-info-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .overlay-info-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .overlay-info-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .overlay-info-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .fill-info-950 { fill: var(--spectra-chromatic6-11); }
:root .fill-info-950\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .fill-info-950\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .fill-info-950\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .fill-info-950\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .fill-info-950\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .fill-info-950\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .fill-info-950\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .fill-info-950\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .fill-info-950\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .stroke-info-950 { stroke: var(--spectra-chromatic6-11); }
:root .stroke-info-950\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .stroke-info-950\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .stroke-info-950\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .stroke-info-950\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .stroke-info-950\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .stroke-info-950\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .stroke-info-950\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .stroke-info-950\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .stroke-info-950\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .border-t-info-950 { border-top-color: var(--spectra-chromatic6-11); }
:root .border-t-info-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .border-t-info-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .border-t-info-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .border-t-info-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .border-t-info-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .border-t-info-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .border-t-info-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .border-t-info-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .border-t-info-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .border-r-info-950 { border-right-color: var(--spectra-chromatic6-11); }
:root .border-r-info-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .border-r-info-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .border-r-info-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .border-r-info-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .border-r-info-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .border-r-info-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .border-r-info-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .border-r-info-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .border-r-info-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .border-b-info-950 { border-bottom-color: var(--spectra-chromatic6-11); }
:root .border-b-info-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .border-b-info-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .border-b-info-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .border-b-info-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .border-b-info-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .border-b-info-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .border-b-info-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .border-b-info-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .border-b-info-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .border-l-info-950 { border-left-color: var(--spectra-chromatic6-11); }
:root .border-l-info-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .border-l-info-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .border-l-info-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .border-l-info-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .border-l-info-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .border-l-info-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .border-l-info-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .border-l-info-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .border-l-info-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .border-x-info-950 { border-left-color: var(--spectra-chromatic6-11); border-right-color: var(--spectra-chromatic6-11); }
:root .border-x-info-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .border-x-info-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .border-x-info-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .border-x-info-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .border-x-info-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .border-x-info-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .border-x-info-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .border-x-info-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .border-x-info-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .border-y-info-950 { border-top-color: var(--spectra-chromatic6-11); border-bottom-color: var(--spectra-chromatic6-11); }
:root .border-y-info-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .border-y-info-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .border-y-info-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .border-y-info-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .border-y-info-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .border-y-info-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .border-y-info-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .border-y-info-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .border-y-info-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .ring-info-950 { --tw-ring-color: var(--spectra-chromatic6-11); }
:root .ring-offset-info-950 { --tw-ring-offset-color: var(--spectra-chromatic6-11); }
:root .bg-warning-50 { background: var(--spectra-chromatic7-1); }
:root .bg-warning-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .bg-warning-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .bg-warning-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .bg-warning-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .bg-warning-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .bg-warning-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .bg-warning-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .bg-warning-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .bg-warning-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .text-warning-50 { color: var(--spectra-chromatic7-1); -webkit-text-fill-color: var(--spectra-chromatic7-1); }
:root .text-warning-50\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .text-warning-50\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .text-warning-50\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .text-warning-50\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .text-warning-50\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .text-warning-50\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .text-warning-50\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .text-warning-50\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .text-warning-50\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .border-warning-50 { border-color: var(--spectra-chromatic7-1); }
:root .border-warning-50\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .border-warning-50\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .border-warning-50\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .border-warning-50\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .border-warning-50\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .border-warning-50\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .border-warning-50\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .border-warning-50\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .border-warning-50\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .outline-warning-50 { outline-color: var(--spectra-chromatic7-1); }
:root .outline-warning-50\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .outline-warning-50\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .outline-warning-50\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .outline-warning-50\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .outline-warning-50\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .outline-warning-50\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .outline-warning-50\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .outline-warning-50\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .outline-warning-50\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .overlay-warning-50 { background: var(--spectra-chromatic7-1); }
:root .overlay-warning-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .overlay-warning-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .overlay-warning-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .overlay-warning-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .overlay-warning-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .overlay-warning-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .overlay-warning-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .overlay-warning-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .overlay-warning-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .fill-warning-50 { fill: var(--spectra-chromatic7-1); }
:root .fill-warning-50\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .fill-warning-50\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .fill-warning-50\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .fill-warning-50\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .fill-warning-50\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .fill-warning-50\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .fill-warning-50\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .fill-warning-50\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .fill-warning-50\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .stroke-warning-50 { stroke: var(--spectra-chromatic7-1); }
:root .stroke-warning-50\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .stroke-warning-50\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .stroke-warning-50\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .stroke-warning-50\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .stroke-warning-50\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .stroke-warning-50\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .stroke-warning-50\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .stroke-warning-50\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .stroke-warning-50\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .border-t-warning-50 { border-top-color: var(--spectra-chromatic7-1); }
:root .border-t-warning-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .border-t-warning-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .border-t-warning-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .border-t-warning-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .border-t-warning-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .border-t-warning-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .border-t-warning-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .border-t-warning-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .border-t-warning-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .border-r-warning-50 { border-right-color: var(--spectra-chromatic7-1); }
:root .border-r-warning-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .border-r-warning-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .border-r-warning-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .border-r-warning-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .border-r-warning-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .border-r-warning-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .border-r-warning-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .border-r-warning-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .border-r-warning-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .border-b-warning-50 { border-bottom-color: var(--spectra-chromatic7-1); }
:root .border-b-warning-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .border-b-warning-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .border-b-warning-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .border-b-warning-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .border-b-warning-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .border-b-warning-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .border-b-warning-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .border-b-warning-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .border-b-warning-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .border-l-warning-50 { border-left-color: var(--spectra-chromatic7-1); }
:root .border-l-warning-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .border-l-warning-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .border-l-warning-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .border-l-warning-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .border-l-warning-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .border-l-warning-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .border-l-warning-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .border-l-warning-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .border-l-warning-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .border-x-warning-50 { border-left-color: var(--spectra-chromatic7-1); border-right-color: var(--spectra-chromatic7-1); }
:root .border-x-warning-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .border-x-warning-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .border-x-warning-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .border-x-warning-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .border-x-warning-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .border-x-warning-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .border-x-warning-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .border-x-warning-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .border-x-warning-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .border-y-warning-50 { border-top-color: var(--spectra-chromatic7-1); border-bottom-color: var(--spectra-chromatic7-1); }
:root .border-y-warning-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .border-y-warning-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .border-y-warning-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .border-y-warning-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .border-y-warning-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .border-y-warning-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .border-y-warning-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .border-y-warning-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .border-y-warning-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .ring-warning-50 { --tw-ring-color: var(--spectra-chromatic7-1); }
:root .ring-offset-warning-50 { --tw-ring-offset-color: var(--spectra-chromatic7-1); }
:root .bg-warning-100 { background: var(--spectra-chromatic7-2); }
:root .bg-warning-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .bg-warning-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .bg-warning-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .bg-warning-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .bg-warning-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .bg-warning-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .bg-warning-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .bg-warning-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .bg-warning-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .text-warning-100 { color: var(--spectra-chromatic7-2); -webkit-text-fill-color: var(--spectra-chromatic7-2); }
:root .text-warning-100\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .text-warning-100\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .text-warning-100\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .text-warning-100\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .text-warning-100\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .text-warning-100\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .text-warning-100\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .text-warning-100\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .text-warning-100\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .border-warning-100 { border-color: var(--spectra-chromatic7-2); }
:root .border-warning-100\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .border-warning-100\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .border-warning-100\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .border-warning-100\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .border-warning-100\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .border-warning-100\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .border-warning-100\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .border-warning-100\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .border-warning-100\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .outline-warning-100 { outline-color: var(--spectra-chromatic7-2); }
:root .outline-warning-100\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .outline-warning-100\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .outline-warning-100\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .outline-warning-100\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .outline-warning-100\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .outline-warning-100\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .outline-warning-100\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .outline-warning-100\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .outline-warning-100\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .overlay-warning-100 { background: var(--spectra-chromatic7-2); }
:root .overlay-warning-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .overlay-warning-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .overlay-warning-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .overlay-warning-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .overlay-warning-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .overlay-warning-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .overlay-warning-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .overlay-warning-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .overlay-warning-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .fill-warning-100 { fill: var(--spectra-chromatic7-2); }
:root .fill-warning-100\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .fill-warning-100\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .fill-warning-100\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .fill-warning-100\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .fill-warning-100\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .fill-warning-100\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .fill-warning-100\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .fill-warning-100\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .fill-warning-100\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .stroke-warning-100 { stroke: var(--spectra-chromatic7-2); }
:root .stroke-warning-100\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .stroke-warning-100\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .stroke-warning-100\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .stroke-warning-100\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .stroke-warning-100\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .stroke-warning-100\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .stroke-warning-100\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .stroke-warning-100\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .stroke-warning-100\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .border-t-warning-100 { border-top-color: var(--spectra-chromatic7-2); }
:root .border-t-warning-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .border-t-warning-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .border-t-warning-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .border-t-warning-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .border-t-warning-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .border-t-warning-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .border-t-warning-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .border-t-warning-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .border-t-warning-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .border-r-warning-100 { border-right-color: var(--spectra-chromatic7-2); }
:root .border-r-warning-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .border-r-warning-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .border-r-warning-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .border-r-warning-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .border-r-warning-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .border-r-warning-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .border-r-warning-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .border-r-warning-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .border-r-warning-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .border-b-warning-100 { border-bottom-color: var(--spectra-chromatic7-2); }
:root .border-b-warning-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .border-b-warning-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .border-b-warning-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .border-b-warning-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .border-b-warning-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .border-b-warning-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .border-b-warning-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .border-b-warning-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .border-b-warning-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .border-l-warning-100 { border-left-color: var(--spectra-chromatic7-2); }
:root .border-l-warning-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .border-l-warning-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .border-l-warning-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .border-l-warning-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .border-l-warning-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .border-l-warning-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .border-l-warning-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .border-l-warning-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .border-l-warning-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .border-x-warning-100 { border-left-color: var(--spectra-chromatic7-2); border-right-color: var(--spectra-chromatic7-2); }
:root .border-x-warning-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .border-x-warning-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .border-x-warning-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .border-x-warning-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .border-x-warning-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .border-x-warning-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .border-x-warning-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .border-x-warning-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .border-x-warning-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .border-y-warning-100 { border-top-color: var(--spectra-chromatic7-2); border-bottom-color: var(--spectra-chromatic7-2); }
:root .border-y-warning-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .border-y-warning-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .border-y-warning-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .border-y-warning-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .border-y-warning-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .border-y-warning-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .border-y-warning-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .border-y-warning-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .border-y-warning-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .ring-warning-100 { --tw-ring-color: var(--spectra-chromatic7-2); }
:root .ring-offset-warning-100 { --tw-ring-offset-color: var(--spectra-chromatic7-2); }
:root .bg-warning-200 { background: var(--spectra-chromatic7-3); }
:root .bg-warning-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .bg-warning-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .bg-warning-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .bg-warning-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .bg-warning-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .bg-warning-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .bg-warning-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .bg-warning-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .bg-warning-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .text-warning-200 { color: var(--spectra-chromatic7-3); -webkit-text-fill-color: var(--spectra-chromatic7-3); }
:root .text-warning-200\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .text-warning-200\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .text-warning-200\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .text-warning-200\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .text-warning-200\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .text-warning-200\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .text-warning-200\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .text-warning-200\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .text-warning-200\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .border-warning-200 { border-color: var(--spectra-chromatic7-3); }
:root .border-warning-200\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .border-warning-200\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .border-warning-200\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .border-warning-200\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .border-warning-200\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .border-warning-200\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .border-warning-200\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .border-warning-200\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .border-warning-200\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .outline-warning-200 { outline-color: var(--spectra-chromatic7-3); }
:root .outline-warning-200\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .outline-warning-200\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .outline-warning-200\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .outline-warning-200\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .outline-warning-200\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .outline-warning-200\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .outline-warning-200\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .outline-warning-200\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .outline-warning-200\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .overlay-warning-200 { background: var(--spectra-chromatic7-3); }
:root .overlay-warning-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .overlay-warning-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .overlay-warning-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .overlay-warning-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .overlay-warning-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .overlay-warning-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .overlay-warning-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .overlay-warning-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .overlay-warning-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .fill-warning-200 { fill: var(--spectra-chromatic7-3); }
:root .fill-warning-200\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .fill-warning-200\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .fill-warning-200\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .fill-warning-200\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .fill-warning-200\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .fill-warning-200\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .fill-warning-200\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .fill-warning-200\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .fill-warning-200\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .stroke-warning-200 { stroke: var(--spectra-chromatic7-3); }
:root .stroke-warning-200\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .stroke-warning-200\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .stroke-warning-200\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .stroke-warning-200\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .stroke-warning-200\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .stroke-warning-200\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .stroke-warning-200\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .stroke-warning-200\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .stroke-warning-200\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .border-t-warning-200 { border-top-color: var(--spectra-chromatic7-3); }
:root .border-t-warning-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .border-t-warning-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .border-t-warning-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .border-t-warning-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .border-t-warning-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .border-t-warning-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .border-t-warning-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .border-t-warning-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .border-t-warning-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .border-r-warning-200 { border-right-color: var(--spectra-chromatic7-3); }
:root .border-r-warning-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .border-r-warning-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .border-r-warning-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .border-r-warning-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .border-r-warning-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .border-r-warning-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .border-r-warning-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .border-r-warning-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .border-r-warning-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .border-b-warning-200 { border-bottom-color: var(--spectra-chromatic7-3); }
:root .border-b-warning-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .border-b-warning-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .border-b-warning-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .border-b-warning-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .border-b-warning-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .border-b-warning-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .border-b-warning-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .border-b-warning-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .border-b-warning-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .border-l-warning-200 { border-left-color: var(--spectra-chromatic7-3); }
:root .border-l-warning-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .border-l-warning-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .border-l-warning-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .border-l-warning-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .border-l-warning-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .border-l-warning-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .border-l-warning-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .border-l-warning-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .border-l-warning-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .border-x-warning-200 { border-left-color: var(--spectra-chromatic7-3); border-right-color: var(--spectra-chromatic7-3); }
:root .border-x-warning-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .border-x-warning-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .border-x-warning-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .border-x-warning-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .border-x-warning-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .border-x-warning-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .border-x-warning-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .border-x-warning-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .border-x-warning-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .border-y-warning-200 { border-top-color: var(--spectra-chromatic7-3); border-bottom-color: var(--spectra-chromatic7-3); }
:root .border-y-warning-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .border-y-warning-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .border-y-warning-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .border-y-warning-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .border-y-warning-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .border-y-warning-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .border-y-warning-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .border-y-warning-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .border-y-warning-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .ring-warning-200 { --tw-ring-color: var(--spectra-chromatic7-3); }
:root .ring-offset-warning-200 { --tw-ring-offset-color: var(--spectra-chromatic7-3); }
:root .bg-warning-300 { background: var(--spectra-chromatic7-4); }
:root .bg-warning-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .bg-warning-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .bg-warning-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .bg-warning-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .bg-warning-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .bg-warning-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .bg-warning-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .bg-warning-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .bg-warning-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .text-warning-300 { color: var(--spectra-chromatic7-4); -webkit-text-fill-color: var(--spectra-chromatic7-4); }
:root .text-warning-300\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .text-warning-300\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .text-warning-300\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .text-warning-300\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .text-warning-300\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .text-warning-300\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .text-warning-300\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .text-warning-300\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .text-warning-300\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .border-warning-300 { border-color: var(--spectra-chromatic7-4); }
:root .border-warning-300\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .border-warning-300\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .border-warning-300\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .border-warning-300\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .border-warning-300\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .border-warning-300\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .border-warning-300\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .border-warning-300\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .border-warning-300\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .outline-warning-300 { outline-color: var(--spectra-chromatic7-4); }
:root .outline-warning-300\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .outline-warning-300\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .outline-warning-300\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .outline-warning-300\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .outline-warning-300\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .outline-warning-300\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .outline-warning-300\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .outline-warning-300\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .outline-warning-300\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .overlay-warning-300 { background: var(--spectra-chromatic7-4); }
:root .overlay-warning-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .overlay-warning-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .overlay-warning-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .overlay-warning-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .overlay-warning-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .overlay-warning-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .overlay-warning-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .overlay-warning-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .overlay-warning-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .fill-warning-300 { fill: var(--spectra-chromatic7-4); }
:root .fill-warning-300\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .fill-warning-300\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .fill-warning-300\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .fill-warning-300\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .fill-warning-300\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .fill-warning-300\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .fill-warning-300\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .fill-warning-300\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .fill-warning-300\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .stroke-warning-300 { stroke: var(--spectra-chromatic7-4); }
:root .stroke-warning-300\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .stroke-warning-300\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .stroke-warning-300\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .stroke-warning-300\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .stroke-warning-300\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .stroke-warning-300\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .stroke-warning-300\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .stroke-warning-300\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .stroke-warning-300\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .border-t-warning-300 { border-top-color: var(--spectra-chromatic7-4); }
:root .border-t-warning-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .border-t-warning-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .border-t-warning-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .border-t-warning-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .border-t-warning-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .border-t-warning-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .border-t-warning-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .border-t-warning-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .border-t-warning-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .border-r-warning-300 { border-right-color: var(--spectra-chromatic7-4); }
:root .border-r-warning-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .border-r-warning-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .border-r-warning-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .border-r-warning-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .border-r-warning-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .border-r-warning-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .border-r-warning-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .border-r-warning-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .border-r-warning-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .border-b-warning-300 { border-bottom-color: var(--spectra-chromatic7-4); }
:root .border-b-warning-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .border-b-warning-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .border-b-warning-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .border-b-warning-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .border-b-warning-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .border-b-warning-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .border-b-warning-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .border-b-warning-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .border-b-warning-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .border-l-warning-300 { border-left-color: var(--spectra-chromatic7-4); }
:root .border-l-warning-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .border-l-warning-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .border-l-warning-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .border-l-warning-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .border-l-warning-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .border-l-warning-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .border-l-warning-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .border-l-warning-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .border-l-warning-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .border-x-warning-300 { border-left-color: var(--spectra-chromatic7-4); border-right-color: var(--spectra-chromatic7-4); }
:root .border-x-warning-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .border-x-warning-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .border-x-warning-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .border-x-warning-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .border-x-warning-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .border-x-warning-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .border-x-warning-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .border-x-warning-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .border-x-warning-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .border-y-warning-300 { border-top-color: var(--spectra-chromatic7-4); border-bottom-color: var(--spectra-chromatic7-4); }
:root .border-y-warning-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .border-y-warning-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .border-y-warning-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .border-y-warning-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .border-y-warning-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .border-y-warning-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .border-y-warning-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .border-y-warning-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .border-y-warning-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .ring-warning-300 { --tw-ring-color: var(--spectra-chromatic7-4); }
:root .ring-offset-warning-300 { --tw-ring-offset-color: var(--spectra-chromatic7-4); }
:root .bg-warning-400 { background: var(--spectra-chromatic7-5); }
:root .bg-warning-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .bg-warning-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .bg-warning-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .bg-warning-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .bg-warning-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .bg-warning-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .bg-warning-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .bg-warning-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .bg-warning-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .text-warning-400 { color: var(--spectra-chromatic7-5); -webkit-text-fill-color: var(--spectra-chromatic7-5); }
:root .text-warning-400\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .text-warning-400\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .text-warning-400\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .text-warning-400\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .text-warning-400\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .text-warning-400\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .text-warning-400\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .text-warning-400\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .text-warning-400\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .border-warning-400 { border-color: var(--spectra-chromatic7-5); }
:root .border-warning-400\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .border-warning-400\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .border-warning-400\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .border-warning-400\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .border-warning-400\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .border-warning-400\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .border-warning-400\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .border-warning-400\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .border-warning-400\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .outline-warning-400 { outline-color: var(--spectra-chromatic7-5); }
:root .outline-warning-400\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .outline-warning-400\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .outline-warning-400\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .outline-warning-400\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .outline-warning-400\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .outline-warning-400\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .outline-warning-400\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .outline-warning-400\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .outline-warning-400\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .overlay-warning-400 { background: var(--spectra-chromatic7-5); }
:root .overlay-warning-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .overlay-warning-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .overlay-warning-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .overlay-warning-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .overlay-warning-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .overlay-warning-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .overlay-warning-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .overlay-warning-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .overlay-warning-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .fill-warning-400 { fill: var(--spectra-chromatic7-5); }
:root .fill-warning-400\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .fill-warning-400\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .fill-warning-400\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .fill-warning-400\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .fill-warning-400\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .fill-warning-400\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .fill-warning-400\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .fill-warning-400\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .fill-warning-400\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .stroke-warning-400 { stroke: var(--spectra-chromatic7-5); }
:root .stroke-warning-400\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .stroke-warning-400\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .stroke-warning-400\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .stroke-warning-400\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .stroke-warning-400\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .stroke-warning-400\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .stroke-warning-400\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .stroke-warning-400\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .stroke-warning-400\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .border-t-warning-400 { border-top-color: var(--spectra-chromatic7-5); }
:root .border-t-warning-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .border-t-warning-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .border-t-warning-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .border-t-warning-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .border-t-warning-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .border-t-warning-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .border-t-warning-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .border-t-warning-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .border-t-warning-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .border-r-warning-400 { border-right-color: var(--spectra-chromatic7-5); }
:root .border-r-warning-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .border-r-warning-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .border-r-warning-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .border-r-warning-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .border-r-warning-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .border-r-warning-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .border-r-warning-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .border-r-warning-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .border-r-warning-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .border-b-warning-400 { border-bottom-color: var(--spectra-chromatic7-5); }
:root .border-b-warning-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .border-b-warning-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .border-b-warning-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .border-b-warning-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .border-b-warning-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .border-b-warning-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .border-b-warning-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .border-b-warning-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .border-b-warning-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .border-l-warning-400 { border-left-color: var(--spectra-chromatic7-5); }
:root .border-l-warning-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .border-l-warning-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .border-l-warning-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .border-l-warning-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .border-l-warning-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .border-l-warning-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .border-l-warning-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .border-l-warning-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .border-l-warning-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .border-x-warning-400 { border-left-color: var(--spectra-chromatic7-5); border-right-color: var(--spectra-chromatic7-5); }
:root .border-x-warning-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .border-x-warning-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .border-x-warning-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .border-x-warning-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .border-x-warning-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .border-x-warning-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .border-x-warning-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .border-x-warning-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .border-x-warning-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .border-y-warning-400 { border-top-color: var(--spectra-chromatic7-5); border-bottom-color: var(--spectra-chromatic7-5); }
:root .border-y-warning-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .border-y-warning-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .border-y-warning-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .border-y-warning-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .border-y-warning-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .border-y-warning-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .border-y-warning-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .border-y-warning-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .border-y-warning-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .ring-warning-400 { --tw-ring-color: var(--spectra-chromatic7-5); }
:root .ring-offset-warning-400 { --tw-ring-offset-color: var(--spectra-chromatic7-5); }
:root .bg-warning-500 { background: var(--spectra-chromatic7-6); }
:root .bg-warning-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .bg-warning-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .bg-warning-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .bg-warning-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .bg-warning-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .bg-warning-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .bg-warning-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .bg-warning-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .bg-warning-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .text-warning-500 { color: var(--spectra-chromatic7-6); -webkit-text-fill-color: var(--spectra-chromatic7-6); }
:root .text-warning-500\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .text-warning-500\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .text-warning-500\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .text-warning-500\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .text-warning-500\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .text-warning-500\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .text-warning-500\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .text-warning-500\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .text-warning-500\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .border-warning-500 { border-color: var(--spectra-chromatic7-6); }
:root .border-warning-500\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .border-warning-500\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .border-warning-500\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .border-warning-500\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .border-warning-500\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .border-warning-500\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .border-warning-500\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .border-warning-500\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .border-warning-500\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .outline-warning-500 { outline-color: var(--spectra-chromatic7-6); }
:root .outline-warning-500\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .outline-warning-500\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .outline-warning-500\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .outline-warning-500\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .outline-warning-500\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .outline-warning-500\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .outline-warning-500\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .outline-warning-500\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .outline-warning-500\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .overlay-warning-500 { background: var(--spectra-chromatic7-6); }
:root .overlay-warning-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .overlay-warning-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .overlay-warning-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .overlay-warning-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .overlay-warning-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .overlay-warning-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .overlay-warning-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .overlay-warning-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .overlay-warning-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .fill-warning-500 { fill: var(--spectra-chromatic7-6); }
:root .fill-warning-500\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .fill-warning-500\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .fill-warning-500\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .fill-warning-500\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .fill-warning-500\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .fill-warning-500\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .fill-warning-500\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .fill-warning-500\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .fill-warning-500\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .stroke-warning-500 { stroke: var(--spectra-chromatic7-6); }
:root .stroke-warning-500\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .stroke-warning-500\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .stroke-warning-500\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .stroke-warning-500\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .stroke-warning-500\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .stroke-warning-500\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .stroke-warning-500\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .stroke-warning-500\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .stroke-warning-500\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .border-t-warning-500 { border-top-color: var(--spectra-chromatic7-6); }
:root .border-t-warning-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .border-t-warning-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .border-t-warning-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .border-t-warning-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .border-t-warning-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .border-t-warning-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .border-t-warning-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .border-t-warning-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .border-t-warning-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .border-r-warning-500 { border-right-color: var(--spectra-chromatic7-6); }
:root .border-r-warning-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .border-r-warning-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .border-r-warning-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .border-r-warning-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .border-r-warning-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .border-r-warning-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .border-r-warning-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .border-r-warning-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .border-r-warning-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .border-b-warning-500 { border-bottom-color: var(--spectra-chromatic7-6); }
:root .border-b-warning-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .border-b-warning-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .border-b-warning-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .border-b-warning-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .border-b-warning-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .border-b-warning-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .border-b-warning-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .border-b-warning-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .border-b-warning-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .border-l-warning-500 { border-left-color: var(--spectra-chromatic7-6); }
:root .border-l-warning-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .border-l-warning-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .border-l-warning-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .border-l-warning-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .border-l-warning-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .border-l-warning-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .border-l-warning-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .border-l-warning-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .border-l-warning-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .border-x-warning-500 { border-left-color: var(--spectra-chromatic7-6); border-right-color: var(--spectra-chromatic7-6); }
:root .border-x-warning-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .border-x-warning-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .border-x-warning-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .border-x-warning-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .border-x-warning-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .border-x-warning-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .border-x-warning-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .border-x-warning-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .border-x-warning-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .border-y-warning-500 { border-top-color: var(--spectra-chromatic7-6); border-bottom-color: var(--spectra-chromatic7-6); }
:root .border-y-warning-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .border-y-warning-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .border-y-warning-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .border-y-warning-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .border-y-warning-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .border-y-warning-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .border-y-warning-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .border-y-warning-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .border-y-warning-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .ring-warning-500 { --tw-ring-color: var(--spectra-chromatic7-6); }
:root .ring-offset-warning-500 { --tw-ring-offset-color: var(--spectra-chromatic7-6); }
:root .bg-warning-600 { background: var(--spectra-chromatic7-7); }
:root .bg-warning-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .bg-warning-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .bg-warning-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .bg-warning-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .bg-warning-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .bg-warning-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .bg-warning-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .bg-warning-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .bg-warning-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .text-warning-600 { color: var(--spectra-chromatic7-7); -webkit-text-fill-color: var(--spectra-chromatic7-7); }
:root .text-warning-600\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .text-warning-600\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .text-warning-600\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .text-warning-600\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .text-warning-600\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .text-warning-600\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .text-warning-600\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .text-warning-600\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .text-warning-600\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .border-warning-600 { border-color: var(--spectra-chromatic7-7); }
:root .border-warning-600\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .border-warning-600\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .border-warning-600\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .border-warning-600\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .border-warning-600\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .border-warning-600\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .border-warning-600\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .border-warning-600\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .border-warning-600\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .outline-warning-600 { outline-color: var(--spectra-chromatic7-7); }
:root .outline-warning-600\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .outline-warning-600\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .outline-warning-600\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .outline-warning-600\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .outline-warning-600\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .outline-warning-600\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .outline-warning-600\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .outline-warning-600\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .outline-warning-600\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .overlay-warning-600 { background: var(--spectra-chromatic7-7); }
:root .overlay-warning-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .overlay-warning-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .overlay-warning-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .overlay-warning-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .overlay-warning-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .overlay-warning-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .overlay-warning-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .overlay-warning-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .overlay-warning-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .fill-warning-600 { fill: var(--spectra-chromatic7-7); }
:root .fill-warning-600\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .fill-warning-600\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .fill-warning-600\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .fill-warning-600\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .fill-warning-600\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .fill-warning-600\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .fill-warning-600\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .fill-warning-600\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .fill-warning-600\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .stroke-warning-600 { stroke: var(--spectra-chromatic7-7); }
:root .stroke-warning-600\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .stroke-warning-600\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .stroke-warning-600\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .stroke-warning-600\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .stroke-warning-600\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .stroke-warning-600\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .stroke-warning-600\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .stroke-warning-600\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .stroke-warning-600\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .border-t-warning-600 { border-top-color: var(--spectra-chromatic7-7); }
:root .border-t-warning-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .border-t-warning-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .border-t-warning-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .border-t-warning-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .border-t-warning-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .border-t-warning-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .border-t-warning-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .border-t-warning-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .border-t-warning-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .border-r-warning-600 { border-right-color: var(--spectra-chromatic7-7); }
:root .border-r-warning-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .border-r-warning-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .border-r-warning-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .border-r-warning-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .border-r-warning-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .border-r-warning-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .border-r-warning-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .border-r-warning-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .border-r-warning-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .border-b-warning-600 { border-bottom-color: var(--spectra-chromatic7-7); }
:root .border-b-warning-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .border-b-warning-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .border-b-warning-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .border-b-warning-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .border-b-warning-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .border-b-warning-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .border-b-warning-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .border-b-warning-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .border-b-warning-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .border-l-warning-600 { border-left-color: var(--spectra-chromatic7-7); }
:root .border-l-warning-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .border-l-warning-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .border-l-warning-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .border-l-warning-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .border-l-warning-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .border-l-warning-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .border-l-warning-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .border-l-warning-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .border-l-warning-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .border-x-warning-600 { border-left-color: var(--spectra-chromatic7-7); border-right-color: var(--spectra-chromatic7-7); }
:root .border-x-warning-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .border-x-warning-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .border-x-warning-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .border-x-warning-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .border-x-warning-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .border-x-warning-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .border-x-warning-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .border-x-warning-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .border-x-warning-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .border-y-warning-600 { border-top-color: var(--spectra-chromatic7-7); border-bottom-color: var(--spectra-chromatic7-7); }
:root .border-y-warning-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .border-y-warning-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .border-y-warning-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .border-y-warning-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .border-y-warning-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .border-y-warning-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .border-y-warning-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .border-y-warning-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .border-y-warning-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .ring-warning-600 { --tw-ring-color: var(--spectra-chromatic7-7); }
:root .ring-offset-warning-600 { --tw-ring-offset-color: var(--spectra-chromatic7-7); }
:root .bg-warning-700 { background: var(--spectra-chromatic7-8); }
:root .bg-warning-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .bg-warning-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .bg-warning-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .bg-warning-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .bg-warning-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .bg-warning-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .bg-warning-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .bg-warning-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .bg-warning-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .text-warning-700 { color: var(--spectra-chromatic7-8); -webkit-text-fill-color: var(--spectra-chromatic7-8); }
:root .text-warning-700\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .text-warning-700\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .text-warning-700\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .text-warning-700\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .text-warning-700\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .text-warning-700\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .text-warning-700\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .text-warning-700\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .text-warning-700\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .border-warning-700 { border-color: var(--spectra-chromatic7-8); }
:root .border-warning-700\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .border-warning-700\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .border-warning-700\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .border-warning-700\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .border-warning-700\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .border-warning-700\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .border-warning-700\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .border-warning-700\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .border-warning-700\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .outline-warning-700 { outline-color: var(--spectra-chromatic7-8); }
:root .outline-warning-700\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .outline-warning-700\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .outline-warning-700\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .outline-warning-700\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .outline-warning-700\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .outline-warning-700\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .outline-warning-700\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .outline-warning-700\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .outline-warning-700\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .overlay-warning-700 { background: var(--spectra-chromatic7-8); }
:root .overlay-warning-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .overlay-warning-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .overlay-warning-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .overlay-warning-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .overlay-warning-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .overlay-warning-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .overlay-warning-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .overlay-warning-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .overlay-warning-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .fill-warning-700 { fill: var(--spectra-chromatic7-8); }
:root .fill-warning-700\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .fill-warning-700\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .fill-warning-700\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .fill-warning-700\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .fill-warning-700\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .fill-warning-700\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .fill-warning-700\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .fill-warning-700\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .fill-warning-700\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .stroke-warning-700 { stroke: var(--spectra-chromatic7-8); }
:root .stroke-warning-700\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .stroke-warning-700\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .stroke-warning-700\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .stroke-warning-700\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .stroke-warning-700\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .stroke-warning-700\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .stroke-warning-700\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .stroke-warning-700\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .stroke-warning-700\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .border-t-warning-700 { border-top-color: var(--spectra-chromatic7-8); }
:root .border-t-warning-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .border-t-warning-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .border-t-warning-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .border-t-warning-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .border-t-warning-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .border-t-warning-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .border-t-warning-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .border-t-warning-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .border-t-warning-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .border-r-warning-700 { border-right-color: var(--spectra-chromatic7-8); }
:root .border-r-warning-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .border-r-warning-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .border-r-warning-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .border-r-warning-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .border-r-warning-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .border-r-warning-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .border-r-warning-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .border-r-warning-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .border-r-warning-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .border-b-warning-700 { border-bottom-color: var(--spectra-chromatic7-8); }
:root .border-b-warning-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .border-b-warning-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .border-b-warning-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .border-b-warning-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .border-b-warning-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .border-b-warning-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .border-b-warning-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .border-b-warning-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .border-b-warning-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .border-l-warning-700 { border-left-color: var(--spectra-chromatic7-8); }
:root .border-l-warning-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .border-l-warning-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .border-l-warning-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .border-l-warning-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .border-l-warning-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .border-l-warning-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .border-l-warning-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .border-l-warning-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .border-l-warning-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .border-x-warning-700 { border-left-color: var(--spectra-chromatic7-8); border-right-color: var(--spectra-chromatic7-8); }
:root .border-x-warning-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .border-x-warning-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .border-x-warning-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .border-x-warning-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .border-x-warning-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .border-x-warning-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .border-x-warning-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .border-x-warning-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .border-x-warning-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .border-y-warning-700 { border-top-color: var(--spectra-chromatic7-8); border-bottom-color: var(--spectra-chromatic7-8); }
:root .border-y-warning-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .border-y-warning-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .border-y-warning-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .border-y-warning-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .border-y-warning-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .border-y-warning-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .border-y-warning-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .border-y-warning-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .border-y-warning-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .ring-warning-700 { --tw-ring-color: var(--spectra-chromatic7-8); }
:root .ring-offset-warning-700 { --tw-ring-offset-color: var(--spectra-chromatic7-8); }
:root .bg-warning-800 { background: var(--spectra-chromatic7-9); }
:root .bg-warning-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .bg-warning-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .bg-warning-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .bg-warning-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .bg-warning-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .bg-warning-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .bg-warning-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .bg-warning-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .bg-warning-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .text-warning-800 { color: var(--spectra-chromatic7-9); -webkit-text-fill-color: var(--spectra-chromatic7-9); }
:root .text-warning-800\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .text-warning-800\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .text-warning-800\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .text-warning-800\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .text-warning-800\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .text-warning-800\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .text-warning-800\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .text-warning-800\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .text-warning-800\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .border-warning-800 { border-color: var(--spectra-chromatic7-9); }
:root .border-warning-800\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .border-warning-800\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .border-warning-800\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .border-warning-800\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .border-warning-800\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .border-warning-800\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .border-warning-800\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .border-warning-800\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .border-warning-800\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .outline-warning-800 { outline-color: var(--spectra-chromatic7-9); }
:root .outline-warning-800\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .outline-warning-800\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .outline-warning-800\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .outline-warning-800\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .outline-warning-800\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .outline-warning-800\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .outline-warning-800\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .outline-warning-800\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .outline-warning-800\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .overlay-warning-800 { background: var(--spectra-chromatic7-9); }
:root .overlay-warning-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .overlay-warning-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .overlay-warning-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .overlay-warning-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .overlay-warning-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .overlay-warning-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .overlay-warning-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .overlay-warning-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .overlay-warning-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .fill-warning-800 { fill: var(--spectra-chromatic7-9); }
:root .fill-warning-800\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .fill-warning-800\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .fill-warning-800\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .fill-warning-800\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .fill-warning-800\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .fill-warning-800\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .fill-warning-800\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .fill-warning-800\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .fill-warning-800\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .stroke-warning-800 { stroke: var(--spectra-chromatic7-9); }
:root .stroke-warning-800\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .stroke-warning-800\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .stroke-warning-800\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .stroke-warning-800\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .stroke-warning-800\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .stroke-warning-800\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .stroke-warning-800\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .stroke-warning-800\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .stroke-warning-800\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .border-t-warning-800 { border-top-color: var(--spectra-chromatic7-9); }
:root .border-t-warning-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .border-t-warning-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .border-t-warning-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .border-t-warning-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .border-t-warning-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .border-t-warning-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .border-t-warning-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .border-t-warning-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .border-t-warning-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .border-r-warning-800 { border-right-color: var(--spectra-chromatic7-9); }
:root .border-r-warning-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .border-r-warning-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .border-r-warning-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .border-r-warning-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .border-r-warning-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .border-r-warning-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .border-r-warning-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .border-r-warning-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .border-r-warning-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .border-b-warning-800 { border-bottom-color: var(--spectra-chromatic7-9); }
:root .border-b-warning-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .border-b-warning-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .border-b-warning-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .border-b-warning-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .border-b-warning-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .border-b-warning-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .border-b-warning-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .border-b-warning-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .border-b-warning-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .border-l-warning-800 { border-left-color: var(--spectra-chromatic7-9); }
:root .border-l-warning-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .border-l-warning-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .border-l-warning-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .border-l-warning-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .border-l-warning-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .border-l-warning-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .border-l-warning-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .border-l-warning-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .border-l-warning-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .border-x-warning-800 { border-left-color: var(--spectra-chromatic7-9); border-right-color: var(--spectra-chromatic7-9); }
:root .border-x-warning-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .border-x-warning-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .border-x-warning-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .border-x-warning-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .border-x-warning-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .border-x-warning-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .border-x-warning-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .border-x-warning-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .border-x-warning-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .border-y-warning-800 { border-top-color: var(--spectra-chromatic7-9); border-bottom-color: var(--spectra-chromatic7-9); }
:root .border-y-warning-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .border-y-warning-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .border-y-warning-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .border-y-warning-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .border-y-warning-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .border-y-warning-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .border-y-warning-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .border-y-warning-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .border-y-warning-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .ring-warning-800 { --tw-ring-color: var(--spectra-chromatic7-9); }
:root .ring-offset-warning-800 { --tw-ring-offset-color: var(--spectra-chromatic7-9); }
:root .bg-warning-900 { background: var(--spectra-chromatic7-10); }
:root .bg-warning-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .bg-warning-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .bg-warning-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .bg-warning-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .bg-warning-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .bg-warning-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .bg-warning-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .bg-warning-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .bg-warning-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .text-warning-900 { color: var(--spectra-chromatic7-10); -webkit-text-fill-color: var(--spectra-chromatic7-10); }
:root .text-warning-900\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .text-warning-900\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .text-warning-900\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .text-warning-900\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .text-warning-900\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .text-warning-900\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .text-warning-900\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .text-warning-900\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .text-warning-900\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .border-warning-900 { border-color: var(--spectra-chromatic7-10); }
:root .border-warning-900\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .border-warning-900\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .border-warning-900\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .border-warning-900\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .border-warning-900\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .border-warning-900\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .border-warning-900\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .border-warning-900\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .border-warning-900\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .outline-warning-900 { outline-color: var(--spectra-chromatic7-10); }
:root .outline-warning-900\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .outline-warning-900\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .outline-warning-900\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .outline-warning-900\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .outline-warning-900\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .outline-warning-900\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .outline-warning-900\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .outline-warning-900\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .outline-warning-900\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .overlay-warning-900 { background: var(--spectra-chromatic7-10); }
:root .overlay-warning-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .overlay-warning-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .overlay-warning-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .overlay-warning-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .overlay-warning-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .overlay-warning-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .overlay-warning-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .overlay-warning-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .overlay-warning-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .fill-warning-900 { fill: var(--spectra-chromatic7-10); }
:root .fill-warning-900\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .fill-warning-900\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .fill-warning-900\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .fill-warning-900\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .fill-warning-900\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .fill-warning-900\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .fill-warning-900\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .fill-warning-900\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .fill-warning-900\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .stroke-warning-900 { stroke: var(--spectra-chromatic7-10); }
:root .stroke-warning-900\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .stroke-warning-900\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .stroke-warning-900\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .stroke-warning-900\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .stroke-warning-900\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .stroke-warning-900\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .stroke-warning-900\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .stroke-warning-900\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .stroke-warning-900\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .border-t-warning-900 { border-top-color: var(--spectra-chromatic7-10); }
:root .border-t-warning-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .border-t-warning-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .border-t-warning-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .border-t-warning-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .border-t-warning-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .border-t-warning-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .border-t-warning-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .border-t-warning-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .border-t-warning-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .border-r-warning-900 { border-right-color: var(--spectra-chromatic7-10); }
:root .border-r-warning-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .border-r-warning-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .border-r-warning-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .border-r-warning-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .border-r-warning-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .border-r-warning-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .border-r-warning-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .border-r-warning-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .border-r-warning-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .border-b-warning-900 { border-bottom-color: var(--spectra-chromatic7-10); }
:root .border-b-warning-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .border-b-warning-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .border-b-warning-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .border-b-warning-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .border-b-warning-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .border-b-warning-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .border-b-warning-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .border-b-warning-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .border-b-warning-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .border-l-warning-900 { border-left-color: var(--spectra-chromatic7-10); }
:root .border-l-warning-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .border-l-warning-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .border-l-warning-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .border-l-warning-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .border-l-warning-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .border-l-warning-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .border-l-warning-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .border-l-warning-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .border-l-warning-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .border-x-warning-900 { border-left-color: var(--spectra-chromatic7-10); border-right-color: var(--spectra-chromatic7-10); }
:root .border-x-warning-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .border-x-warning-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .border-x-warning-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .border-x-warning-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .border-x-warning-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .border-x-warning-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .border-x-warning-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .border-x-warning-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .border-x-warning-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .border-y-warning-900 { border-top-color: var(--spectra-chromatic7-10); border-bottom-color: var(--spectra-chromatic7-10); }
:root .border-y-warning-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .border-y-warning-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .border-y-warning-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .border-y-warning-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .border-y-warning-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .border-y-warning-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .border-y-warning-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .border-y-warning-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .border-y-warning-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .ring-warning-900 { --tw-ring-color: var(--spectra-chromatic7-10); }
:root .ring-offset-warning-900 { --tw-ring-offset-color: var(--spectra-chromatic7-10); }
:root .bg-warning-950 { background: var(--spectra-chromatic7-11); }
:root .bg-warning-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .bg-warning-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .bg-warning-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .bg-warning-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .bg-warning-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .bg-warning-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .bg-warning-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .bg-warning-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .bg-warning-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .text-warning-950 { color: var(--spectra-chromatic7-11); -webkit-text-fill-color: var(--spectra-chromatic7-11); }
:root .text-warning-950\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .text-warning-950\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .text-warning-950\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .text-warning-950\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .text-warning-950\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .text-warning-950\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .text-warning-950\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .text-warning-950\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .text-warning-950\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .border-warning-950 { border-color: var(--spectra-chromatic7-11); }
:root .border-warning-950\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .border-warning-950\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .border-warning-950\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .border-warning-950\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .border-warning-950\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .border-warning-950\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .border-warning-950\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .border-warning-950\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .border-warning-950\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .outline-warning-950 { outline-color: var(--spectra-chromatic7-11); }
:root .outline-warning-950\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .outline-warning-950\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .outline-warning-950\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .outline-warning-950\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .outline-warning-950\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .outline-warning-950\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .outline-warning-950\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .outline-warning-950\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .outline-warning-950\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .overlay-warning-950 { background: var(--spectra-chromatic7-11); }
:root .overlay-warning-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .overlay-warning-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .overlay-warning-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .overlay-warning-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .overlay-warning-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .overlay-warning-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .overlay-warning-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .overlay-warning-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .overlay-warning-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .fill-warning-950 { fill: var(--spectra-chromatic7-11); }
:root .fill-warning-950\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .fill-warning-950\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .fill-warning-950\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .fill-warning-950\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .fill-warning-950\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .fill-warning-950\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .fill-warning-950\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .fill-warning-950\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .fill-warning-950\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .stroke-warning-950 { stroke: var(--spectra-chromatic7-11); }
:root .stroke-warning-950\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .stroke-warning-950\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .stroke-warning-950\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .stroke-warning-950\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .stroke-warning-950\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .stroke-warning-950\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .stroke-warning-950\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .stroke-warning-950\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .stroke-warning-950\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .border-t-warning-950 { border-top-color: var(--spectra-chromatic7-11); }
:root .border-t-warning-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .border-t-warning-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .border-t-warning-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .border-t-warning-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .border-t-warning-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .border-t-warning-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .border-t-warning-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .border-t-warning-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .border-t-warning-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .border-r-warning-950 { border-right-color: var(--spectra-chromatic7-11); }
:root .border-r-warning-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .border-r-warning-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .border-r-warning-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .border-r-warning-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .border-r-warning-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .border-r-warning-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .border-r-warning-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .border-r-warning-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .border-r-warning-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .border-b-warning-950 { border-bottom-color: var(--spectra-chromatic7-11); }
:root .border-b-warning-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .border-b-warning-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .border-b-warning-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .border-b-warning-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .border-b-warning-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .border-b-warning-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .border-b-warning-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .border-b-warning-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .border-b-warning-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .border-l-warning-950 { border-left-color: var(--spectra-chromatic7-11); }
:root .border-l-warning-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .border-l-warning-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .border-l-warning-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .border-l-warning-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .border-l-warning-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .border-l-warning-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .border-l-warning-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .border-l-warning-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .border-l-warning-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .border-x-warning-950 { border-left-color: var(--spectra-chromatic7-11); border-right-color: var(--spectra-chromatic7-11); }
:root .border-x-warning-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .border-x-warning-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .border-x-warning-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .border-x-warning-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .border-x-warning-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .border-x-warning-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .border-x-warning-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .border-x-warning-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .border-x-warning-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .border-y-warning-950 { border-top-color: var(--spectra-chromatic7-11); border-bottom-color: var(--spectra-chromatic7-11); }
:root .border-y-warning-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .border-y-warning-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .border-y-warning-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .border-y-warning-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .border-y-warning-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .border-y-warning-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .border-y-warning-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .border-y-warning-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .border-y-warning-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .ring-warning-950 { --tw-ring-color: var(--spectra-chromatic7-11); }
:root .ring-offset-warning-950 { --tw-ring-offset-color: var(--spectra-chromatic7-11); }
:root .bg-base-50 { background: var(--spectra-neutral-0); }
:root .bg-base-50\/10 { background: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .bg-base-50\/20 { background: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .bg-base-50\/30 { background: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .bg-base-50\/40 { background: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .bg-base-50\/50 { background: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .bg-base-50\/60 { background: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .bg-base-50\/70 { background: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .bg-base-50\/80 { background: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .bg-base-50\/90 { background: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .text-base-50 { color: var(--spectra-neutral-0); -webkit-text-fill-color: var(--spectra-neutral-0); }
:root .text-base-50\/10 { color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .text-base-50\/20 { color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .text-base-50\/30 { color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .text-base-50\/40 { color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .text-base-50\/50 { color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .text-base-50\/60 { color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .text-base-50\/70 { color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .text-base-50\/80 { color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .text-base-50\/90 { color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .border-base-50 { border-color: var(--spectra-neutral-0); }
:root .border-base-50\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .border-base-50\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .border-base-50\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .border-base-50\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .border-base-50\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .border-base-50\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .border-base-50\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .border-base-50\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .border-base-50\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .outline-base-50 { outline-color: var(--spectra-neutral-0); }
:root .outline-base-50\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .outline-base-50\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .outline-base-50\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .outline-base-50\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .outline-base-50\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .outline-base-50\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .outline-base-50\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .outline-base-50\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .outline-base-50\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .overlay-base-50 { background: var(--spectra-neutral-0); }
:root .overlay-base-50\/10 { background: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .overlay-base-50\/20 { background: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .overlay-base-50\/30 { background: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .overlay-base-50\/40 { background: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .overlay-base-50\/50 { background: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .overlay-base-50\/60 { background: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .overlay-base-50\/70 { background: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .overlay-base-50\/80 { background: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .overlay-base-50\/90 { background: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .fill-base-50 { fill: var(--spectra-neutral-0); }
:root .fill-base-50\/10 { fill: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .fill-base-50\/20 { fill: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .fill-base-50\/30 { fill: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .fill-base-50\/40 { fill: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .fill-base-50\/50 { fill: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .fill-base-50\/60 { fill: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .fill-base-50\/70 { fill: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .fill-base-50\/80 { fill: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .fill-base-50\/90 { fill: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .stroke-base-50 { stroke: var(--spectra-neutral-0); }
:root .stroke-base-50\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .stroke-base-50\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .stroke-base-50\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .stroke-base-50\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .stroke-base-50\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .stroke-base-50\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .stroke-base-50\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .stroke-base-50\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .stroke-base-50\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .border-t-base-50 { border-top-color: var(--spectra-neutral-0); }
:root .border-t-base-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .border-t-base-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .border-t-base-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .border-t-base-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .border-t-base-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .border-t-base-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .border-t-base-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .border-t-base-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .border-t-base-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .border-r-base-50 { border-right-color: var(--spectra-neutral-0); }
:root .border-r-base-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .border-r-base-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .border-r-base-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .border-r-base-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .border-r-base-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .border-r-base-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .border-r-base-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .border-r-base-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .border-r-base-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .border-b-base-50 { border-bottom-color: var(--spectra-neutral-0); }
:root .border-b-base-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .border-b-base-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .border-b-base-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .border-b-base-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .border-b-base-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .border-b-base-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .border-b-base-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .border-b-base-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .border-b-base-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .border-l-base-50 { border-left-color: var(--spectra-neutral-0); }
:root .border-l-base-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .border-l-base-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .border-l-base-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .border-l-base-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .border-l-base-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .border-l-base-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .border-l-base-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .border-l-base-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .border-l-base-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .border-x-base-50 { border-left-color: var(--spectra-neutral-0); border-right-color: var(--spectra-neutral-0); }
:root .border-x-base-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .border-x-base-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .border-x-base-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .border-x-base-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .border-x-base-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .border-x-base-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .border-x-base-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .border-x-base-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .border-x-base-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .border-y-base-50 { border-top-color: var(--spectra-neutral-0); border-bottom-color: var(--spectra-neutral-0); }
:root .border-y-base-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .border-y-base-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .border-y-base-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .border-y-base-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .border-y-base-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .border-y-base-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .border-y-base-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .border-y-base-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .border-y-base-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .ring-base-50 { --tw-ring-color: var(--spectra-neutral-0); }
:root .ring-offset-base-50 { --tw-ring-offset-color: var(--spectra-neutral-0); }
:root .bg-base-100 { background: var(--spectra-neutral-1); }
:root .bg-base-100\/10 { background: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .bg-base-100\/20 { background: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .bg-base-100\/30 { background: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .bg-base-100\/40 { background: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .bg-base-100\/50 { background: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .bg-base-100\/60 { background: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .bg-base-100\/70 { background: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .bg-base-100\/80 { background: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .bg-base-100\/90 { background: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .text-base-100 { color: var(--spectra-neutral-1); -webkit-text-fill-color: var(--spectra-neutral-1); }
:root .text-base-100\/10 { color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .text-base-100\/20 { color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .text-base-100\/30 { color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .text-base-100\/40 { color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .text-base-100\/50 { color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .text-base-100\/60 { color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .text-base-100\/70 { color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .text-base-100\/80 { color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .text-base-100\/90 { color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .border-base-100 { border-color: var(--spectra-neutral-1); }
:root .border-base-100\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .border-base-100\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .border-base-100\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .border-base-100\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .border-base-100\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .border-base-100\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .border-base-100\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .border-base-100\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .border-base-100\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .outline-base-100 { outline-color: var(--spectra-neutral-1); }
:root .outline-base-100\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .outline-base-100\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .outline-base-100\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .outline-base-100\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .outline-base-100\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .outline-base-100\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .outline-base-100\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .outline-base-100\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .outline-base-100\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .overlay-base-100 { background: var(--spectra-neutral-1); }
:root .overlay-base-100\/10 { background: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .overlay-base-100\/20 { background: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .overlay-base-100\/30 { background: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .overlay-base-100\/40 { background: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .overlay-base-100\/50 { background: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .overlay-base-100\/60 { background: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .overlay-base-100\/70 { background: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .overlay-base-100\/80 { background: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .overlay-base-100\/90 { background: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .fill-base-100 { fill: var(--spectra-neutral-1); }
:root .fill-base-100\/10 { fill: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .fill-base-100\/20 { fill: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .fill-base-100\/30 { fill: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .fill-base-100\/40 { fill: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .fill-base-100\/50 { fill: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .fill-base-100\/60 { fill: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .fill-base-100\/70 { fill: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .fill-base-100\/80 { fill: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .fill-base-100\/90 { fill: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .stroke-base-100 { stroke: var(--spectra-neutral-1); }
:root .stroke-base-100\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .stroke-base-100\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .stroke-base-100\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .stroke-base-100\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .stroke-base-100\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .stroke-base-100\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .stroke-base-100\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .stroke-base-100\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .stroke-base-100\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .border-t-base-100 { border-top-color: var(--spectra-neutral-1); }
:root .border-t-base-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .border-t-base-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .border-t-base-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .border-t-base-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .border-t-base-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .border-t-base-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .border-t-base-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .border-t-base-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .border-t-base-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .border-r-base-100 { border-right-color: var(--spectra-neutral-1); }
:root .border-r-base-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .border-r-base-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .border-r-base-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .border-r-base-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .border-r-base-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .border-r-base-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .border-r-base-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .border-r-base-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .border-r-base-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .border-b-base-100 { border-bottom-color: var(--spectra-neutral-1); }
:root .border-b-base-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .border-b-base-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .border-b-base-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .border-b-base-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .border-b-base-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .border-b-base-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .border-b-base-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .border-b-base-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .border-b-base-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .border-l-base-100 { border-left-color: var(--spectra-neutral-1); }
:root .border-l-base-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .border-l-base-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .border-l-base-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .border-l-base-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .border-l-base-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .border-l-base-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .border-l-base-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .border-l-base-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .border-l-base-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .border-x-base-100 { border-left-color: var(--spectra-neutral-1); border-right-color: var(--spectra-neutral-1); }
:root .border-x-base-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .border-x-base-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .border-x-base-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .border-x-base-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .border-x-base-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .border-x-base-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .border-x-base-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .border-x-base-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .border-x-base-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .border-y-base-100 { border-top-color: var(--spectra-neutral-1); border-bottom-color: var(--spectra-neutral-1); }
:root .border-y-base-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .border-y-base-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .border-y-base-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .border-y-base-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .border-y-base-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .border-y-base-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .border-y-base-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .border-y-base-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .border-y-base-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .ring-base-100 { --tw-ring-color: var(--spectra-neutral-1); }
:root .ring-offset-base-100 { --tw-ring-offset-color: var(--spectra-neutral-1); }
:root .bg-base-200 { background: var(--spectra-neutral-2); }
:root .bg-base-200\/10 { background: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .bg-base-200\/20 { background: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .bg-base-200\/30 { background: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .bg-base-200\/40 { background: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .bg-base-200\/50 { background: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .bg-base-200\/60 { background: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .bg-base-200\/70 { background: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .bg-base-200\/80 { background: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .bg-base-200\/90 { background: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .text-base-200 { color: var(--spectra-neutral-2); -webkit-text-fill-color: var(--spectra-neutral-2); }
:root .text-base-200\/10 { color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .text-base-200\/20 { color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .text-base-200\/30 { color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .text-base-200\/40 { color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .text-base-200\/50 { color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .text-base-200\/60 { color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .text-base-200\/70 { color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .text-base-200\/80 { color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .text-base-200\/90 { color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .border-base-200 { border-color: var(--spectra-neutral-2); }
:root .border-base-200\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .border-base-200\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .border-base-200\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .border-base-200\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .border-base-200\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .border-base-200\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .border-base-200\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .border-base-200\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .border-base-200\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .outline-base-200 { outline-color: var(--spectra-neutral-2); }
:root .outline-base-200\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .outline-base-200\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .outline-base-200\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .outline-base-200\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .outline-base-200\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .outline-base-200\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .outline-base-200\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .outline-base-200\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .outline-base-200\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .overlay-base-200 { background: var(--spectra-neutral-2); }
:root .overlay-base-200\/10 { background: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .overlay-base-200\/20 { background: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .overlay-base-200\/30 { background: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .overlay-base-200\/40 { background: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .overlay-base-200\/50 { background: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .overlay-base-200\/60 { background: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .overlay-base-200\/70 { background: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .overlay-base-200\/80 { background: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .overlay-base-200\/90 { background: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .fill-base-200 { fill: var(--spectra-neutral-2); }
:root .fill-base-200\/10 { fill: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .fill-base-200\/20 { fill: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .fill-base-200\/30 { fill: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .fill-base-200\/40 { fill: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .fill-base-200\/50 { fill: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .fill-base-200\/60 { fill: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .fill-base-200\/70 { fill: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .fill-base-200\/80 { fill: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .fill-base-200\/90 { fill: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .stroke-base-200 { stroke: var(--spectra-neutral-2); }
:root .stroke-base-200\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .stroke-base-200\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .stroke-base-200\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .stroke-base-200\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .stroke-base-200\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .stroke-base-200\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .stroke-base-200\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .stroke-base-200\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .stroke-base-200\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .border-t-base-200 { border-top-color: var(--spectra-neutral-2); }
:root .border-t-base-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .border-t-base-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .border-t-base-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .border-t-base-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .border-t-base-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .border-t-base-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .border-t-base-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .border-t-base-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .border-t-base-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .border-r-base-200 { border-right-color: var(--spectra-neutral-2); }
:root .border-r-base-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .border-r-base-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .border-r-base-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .border-r-base-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .border-r-base-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .border-r-base-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .border-r-base-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .border-r-base-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .border-r-base-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .border-b-base-200 { border-bottom-color: var(--spectra-neutral-2); }
:root .border-b-base-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .border-b-base-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .border-b-base-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .border-b-base-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .border-b-base-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .border-b-base-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .border-b-base-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .border-b-base-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .border-b-base-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .border-l-base-200 { border-left-color: var(--spectra-neutral-2); }
:root .border-l-base-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .border-l-base-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .border-l-base-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .border-l-base-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .border-l-base-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .border-l-base-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .border-l-base-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .border-l-base-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .border-l-base-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .border-x-base-200 { border-left-color: var(--spectra-neutral-2); border-right-color: var(--spectra-neutral-2); }
:root .border-x-base-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .border-x-base-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .border-x-base-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .border-x-base-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .border-x-base-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .border-x-base-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .border-x-base-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .border-x-base-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .border-x-base-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .border-y-base-200 { border-top-color: var(--spectra-neutral-2); border-bottom-color: var(--spectra-neutral-2); }
:root .border-y-base-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .border-y-base-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .border-y-base-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .border-y-base-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .border-y-base-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .border-y-base-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .border-y-base-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .border-y-base-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .border-y-base-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .ring-base-200 { --tw-ring-color: var(--spectra-neutral-2); }
:root .ring-offset-base-200 { --tw-ring-offset-color: var(--spectra-neutral-2); }
:root .bg-base-300 { background: var(--spectra-neutral-3); }
:root .bg-base-300\/10 { background: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .bg-base-300\/20 { background: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .bg-base-300\/30 { background: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .bg-base-300\/40 { background: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .bg-base-300\/50 { background: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .bg-base-300\/60 { background: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .bg-base-300\/70 { background: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .bg-base-300\/80 { background: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .bg-base-300\/90 { background: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .text-base-300 { color: var(--spectra-neutral-3); -webkit-text-fill-color: var(--spectra-neutral-3); }
:root .text-base-300\/10 { color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .text-base-300\/20 { color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .text-base-300\/30 { color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .text-base-300\/40 { color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .text-base-300\/50 { color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .text-base-300\/60 { color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .text-base-300\/70 { color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .text-base-300\/80 { color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .text-base-300\/90 { color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-base-300 { border-color: var(--spectra-neutral-3); }
:root .border-base-300\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-base-300\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-base-300\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-base-300\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-base-300\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-base-300\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-base-300\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-base-300\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-base-300\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .outline-base-300 { outline-color: var(--spectra-neutral-3); }
:root .outline-base-300\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .outline-base-300\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .outline-base-300\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .outline-base-300\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .outline-base-300\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .outline-base-300\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .outline-base-300\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .outline-base-300\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .outline-base-300\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .overlay-base-300 { background: var(--spectra-neutral-3); }
:root .overlay-base-300\/10 { background: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .overlay-base-300\/20 { background: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .overlay-base-300\/30 { background: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .overlay-base-300\/40 { background: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .overlay-base-300\/50 { background: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .overlay-base-300\/60 { background: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .overlay-base-300\/70 { background: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .overlay-base-300\/80 { background: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .overlay-base-300\/90 { background: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .fill-base-300 { fill: var(--spectra-neutral-3); }
:root .fill-base-300\/10 { fill: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .fill-base-300\/20 { fill: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .fill-base-300\/30 { fill: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .fill-base-300\/40 { fill: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .fill-base-300\/50 { fill: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .fill-base-300\/60 { fill: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .fill-base-300\/70 { fill: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .fill-base-300\/80 { fill: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .fill-base-300\/90 { fill: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .stroke-base-300 { stroke: var(--spectra-neutral-3); }
:root .stroke-base-300\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .stroke-base-300\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .stroke-base-300\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .stroke-base-300\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .stroke-base-300\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .stroke-base-300\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .stroke-base-300\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .stroke-base-300\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .stroke-base-300\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-t-base-300 { border-top-color: var(--spectra-neutral-3); }
:root .border-t-base-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-t-base-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-t-base-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-t-base-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-t-base-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-t-base-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-t-base-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-t-base-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-t-base-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-r-base-300 { border-right-color: var(--spectra-neutral-3); }
:root .border-r-base-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-r-base-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-r-base-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-r-base-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-r-base-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-r-base-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-r-base-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-r-base-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-r-base-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-b-base-300 { border-bottom-color: var(--spectra-neutral-3); }
:root .border-b-base-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-b-base-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-b-base-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-b-base-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-b-base-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-b-base-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-b-base-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-b-base-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-b-base-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-l-base-300 { border-left-color: var(--spectra-neutral-3); }
:root .border-l-base-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-l-base-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-l-base-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-l-base-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-l-base-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-l-base-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-l-base-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-l-base-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-l-base-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-x-base-300 { border-left-color: var(--spectra-neutral-3); border-right-color: var(--spectra-neutral-3); }
:root .border-x-base-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-x-base-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-x-base-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-x-base-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-x-base-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-x-base-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-x-base-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-x-base-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-x-base-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-y-base-300 { border-top-color: var(--spectra-neutral-3); border-bottom-color: var(--spectra-neutral-3); }
:root .border-y-base-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-y-base-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-y-base-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-y-base-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-y-base-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-y-base-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-y-base-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-y-base-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-y-base-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .ring-base-300 { --tw-ring-color: var(--spectra-neutral-3); }
:root .ring-offset-base-300 { --tw-ring-offset-color: var(--spectra-neutral-3); }
:root .bg-base-500 { background: var(--spectra-neutral-4); }
:root .bg-base-500\/10 { background: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .bg-base-500\/20 { background: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .bg-base-500\/30 { background: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .bg-base-500\/40 { background: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .bg-base-500\/50 { background: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .bg-base-500\/60 { background: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .bg-base-500\/70 { background: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .bg-base-500\/80 { background: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .bg-base-500\/90 { background: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .text-base-500 { color: var(--spectra-neutral-4); -webkit-text-fill-color: var(--spectra-neutral-4); }
:root .text-base-500\/10 { color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .text-base-500\/20 { color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .text-base-500\/30 { color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .text-base-500\/40 { color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .text-base-500\/50 { color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .text-base-500\/60 { color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .text-base-500\/70 { color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .text-base-500\/80 { color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .text-base-500\/90 { color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .border-base-500 { border-color: var(--spectra-neutral-4); }
:root .border-base-500\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .border-base-500\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .border-base-500\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .border-base-500\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .border-base-500\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .border-base-500\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .border-base-500\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .border-base-500\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .border-base-500\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .outline-base-500 { outline-color: var(--spectra-neutral-4); }
:root .outline-base-500\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .outline-base-500\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .outline-base-500\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .outline-base-500\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .outline-base-500\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .outline-base-500\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .outline-base-500\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .outline-base-500\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .outline-base-500\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .overlay-base-500 { background: var(--spectra-neutral-4); }
:root .overlay-base-500\/10 { background: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .overlay-base-500\/20 { background: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .overlay-base-500\/30 { background: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .overlay-base-500\/40 { background: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .overlay-base-500\/50 { background: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .overlay-base-500\/60 { background: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .overlay-base-500\/70 { background: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .overlay-base-500\/80 { background: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .overlay-base-500\/90 { background: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .fill-base-500 { fill: var(--spectra-neutral-4); }
:root .fill-base-500\/10 { fill: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .fill-base-500\/20 { fill: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .fill-base-500\/30 { fill: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .fill-base-500\/40 { fill: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .fill-base-500\/50 { fill: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .fill-base-500\/60 { fill: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .fill-base-500\/70 { fill: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .fill-base-500\/80 { fill: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .fill-base-500\/90 { fill: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .stroke-base-500 { stroke: var(--spectra-neutral-4); }
:root .stroke-base-500\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .stroke-base-500\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .stroke-base-500\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .stroke-base-500\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .stroke-base-500\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .stroke-base-500\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .stroke-base-500\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .stroke-base-500\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .stroke-base-500\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .border-t-base-500 { border-top-color: var(--spectra-neutral-4); }
:root .border-t-base-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .border-t-base-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .border-t-base-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .border-t-base-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .border-t-base-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .border-t-base-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .border-t-base-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .border-t-base-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .border-t-base-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .border-r-base-500 { border-right-color: var(--spectra-neutral-4); }
:root .border-r-base-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .border-r-base-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .border-r-base-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .border-r-base-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .border-r-base-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .border-r-base-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .border-r-base-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .border-r-base-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .border-r-base-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .border-b-base-500 { border-bottom-color: var(--spectra-neutral-4); }
:root .border-b-base-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .border-b-base-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .border-b-base-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .border-b-base-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .border-b-base-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .border-b-base-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .border-b-base-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .border-b-base-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .border-b-base-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .border-l-base-500 { border-left-color: var(--spectra-neutral-4); }
:root .border-l-base-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .border-l-base-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .border-l-base-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .border-l-base-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .border-l-base-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .border-l-base-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .border-l-base-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .border-l-base-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .border-l-base-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .border-x-base-500 { border-left-color: var(--spectra-neutral-4); border-right-color: var(--spectra-neutral-4); }
:root .border-x-base-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .border-x-base-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .border-x-base-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .border-x-base-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .border-x-base-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .border-x-base-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .border-x-base-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .border-x-base-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .border-x-base-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .border-y-base-500 { border-top-color: var(--spectra-neutral-4); border-bottom-color: var(--spectra-neutral-4); }
:root .border-y-base-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .border-y-base-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .border-y-base-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .border-y-base-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .border-y-base-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .border-y-base-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .border-y-base-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .border-y-base-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .border-y-base-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .ring-base-500 { --tw-ring-color: var(--spectra-neutral-4); }
:root .ring-offset-base-500 { --tw-ring-offset-color: var(--spectra-neutral-4); }
:root .bg-base-600 { background: var(--spectra-neutral-5); }
:root .bg-base-600\/10 { background: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .bg-base-600\/20 { background: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .bg-base-600\/30 { background: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .bg-base-600\/40 { background: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .bg-base-600\/50 { background: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .bg-base-600\/60 { background: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .bg-base-600\/70 { background: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .bg-base-600\/80 { background: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .bg-base-600\/90 { background: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .text-base-600 { color: var(--spectra-neutral-5); -webkit-text-fill-color: var(--spectra-neutral-5); }
:root .text-base-600\/10 { color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .text-base-600\/20 { color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .text-base-600\/30 { color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .text-base-600\/40 { color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .text-base-600\/50 { color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .text-base-600\/60 { color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .text-base-600\/70 { color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .text-base-600\/80 { color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .text-base-600\/90 { color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-base-600 { border-color: var(--spectra-neutral-5); }
:root .border-base-600\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-base-600\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-base-600\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-base-600\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-base-600\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-base-600\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-base-600\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-base-600\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-base-600\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .outline-base-600 { outline-color: var(--spectra-neutral-5); }
:root .outline-base-600\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .outline-base-600\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .outline-base-600\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .outline-base-600\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .outline-base-600\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .outline-base-600\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .outline-base-600\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .outline-base-600\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .outline-base-600\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .overlay-base-600 { background: var(--spectra-neutral-5); }
:root .overlay-base-600\/10 { background: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .overlay-base-600\/20 { background: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .overlay-base-600\/30 { background: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .overlay-base-600\/40 { background: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .overlay-base-600\/50 { background: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .overlay-base-600\/60 { background: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .overlay-base-600\/70 { background: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .overlay-base-600\/80 { background: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .overlay-base-600\/90 { background: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .fill-base-600 { fill: var(--spectra-neutral-5); }
:root .fill-base-600\/10 { fill: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .fill-base-600\/20 { fill: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .fill-base-600\/30 { fill: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .fill-base-600\/40 { fill: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .fill-base-600\/50 { fill: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .fill-base-600\/60 { fill: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .fill-base-600\/70 { fill: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .fill-base-600\/80 { fill: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .fill-base-600\/90 { fill: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .stroke-base-600 { stroke: var(--spectra-neutral-5); }
:root .stroke-base-600\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .stroke-base-600\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .stroke-base-600\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .stroke-base-600\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .stroke-base-600\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .stroke-base-600\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .stroke-base-600\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .stroke-base-600\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .stroke-base-600\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-t-base-600 { border-top-color: var(--spectra-neutral-5); }
:root .border-t-base-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-t-base-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-t-base-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-t-base-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-t-base-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-t-base-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-t-base-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-t-base-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-t-base-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-r-base-600 { border-right-color: var(--spectra-neutral-5); }
:root .border-r-base-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-r-base-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-r-base-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-r-base-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-r-base-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-r-base-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-r-base-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-r-base-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-r-base-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-b-base-600 { border-bottom-color: var(--spectra-neutral-5); }
:root .border-b-base-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-b-base-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-b-base-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-b-base-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-b-base-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-b-base-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-b-base-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-b-base-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-b-base-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-l-base-600 { border-left-color: var(--spectra-neutral-5); }
:root .border-l-base-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-l-base-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-l-base-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-l-base-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-l-base-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-l-base-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-l-base-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-l-base-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-l-base-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-x-base-600 { border-left-color: var(--spectra-neutral-5); border-right-color: var(--spectra-neutral-5); }
:root .border-x-base-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-x-base-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-x-base-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-x-base-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-x-base-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-x-base-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-x-base-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-x-base-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-x-base-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-y-base-600 { border-top-color: var(--spectra-neutral-5); border-bottom-color: var(--spectra-neutral-5); }
:root .border-y-base-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-y-base-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-y-base-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-y-base-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-y-base-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-y-base-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-y-base-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-y-base-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-y-base-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .ring-base-600 { --tw-ring-color: var(--spectra-neutral-5); }
:root .ring-offset-base-600 { --tw-ring-offset-color: var(--spectra-neutral-5); }
:root .bg-base-800 { background: var(--spectra-neutral-6); }
:root .bg-base-800\/10 { background: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .bg-base-800\/20 { background: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .bg-base-800\/30 { background: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .bg-base-800\/40 { background: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .bg-base-800\/50 { background: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .bg-base-800\/60 { background: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .bg-base-800\/70 { background: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .bg-base-800\/80 { background: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .bg-base-800\/90 { background: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .text-base-800 { color: var(--spectra-neutral-6); -webkit-text-fill-color: var(--spectra-neutral-6); }
:root .text-base-800\/10 { color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .text-base-800\/20 { color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .text-base-800\/30 { color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .text-base-800\/40 { color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .text-base-800\/50 { color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .text-base-800\/60 { color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .text-base-800\/70 { color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .text-base-800\/80 { color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .text-base-800\/90 { color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-base-800 { border-color: var(--spectra-neutral-6); }
:root .border-base-800\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-base-800\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-base-800\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-base-800\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-base-800\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-base-800\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-base-800\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-base-800\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-base-800\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .outline-base-800 { outline-color: var(--spectra-neutral-6); }
:root .outline-base-800\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .outline-base-800\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .outline-base-800\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .outline-base-800\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .outline-base-800\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .outline-base-800\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .outline-base-800\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .outline-base-800\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .outline-base-800\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .overlay-base-800 { background: var(--spectra-neutral-6); }
:root .overlay-base-800\/10 { background: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .overlay-base-800\/20 { background: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .overlay-base-800\/30 { background: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .overlay-base-800\/40 { background: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .overlay-base-800\/50 { background: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .overlay-base-800\/60 { background: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .overlay-base-800\/70 { background: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .overlay-base-800\/80 { background: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .overlay-base-800\/90 { background: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .fill-base-800 { fill: var(--spectra-neutral-6); }
:root .fill-base-800\/10 { fill: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .fill-base-800\/20 { fill: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .fill-base-800\/30 { fill: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .fill-base-800\/40 { fill: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .fill-base-800\/50 { fill: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .fill-base-800\/60 { fill: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .fill-base-800\/70 { fill: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .fill-base-800\/80 { fill: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .fill-base-800\/90 { fill: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .stroke-base-800 { stroke: var(--spectra-neutral-6); }
:root .stroke-base-800\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .stroke-base-800\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .stroke-base-800\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .stroke-base-800\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .stroke-base-800\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .stroke-base-800\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .stroke-base-800\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .stroke-base-800\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .stroke-base-800\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-t-base-800 { border-top-color: var(--spectra-neutral-6); }
:root .border-t-base-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-t-base-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-t-base-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-t-base-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-t-base-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-t-base-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-t-base-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-t-base-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-t-base-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-r-base-800 { border-right-color: var(--spectra-neutral-6); }
:root .border-r-base-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-r-base-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-r-base-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-r-base-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-r-base-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-r-base-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-r-base-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-r-base-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-r-base-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-b-base-800 { border-bottom-color: var(--spectra-neutral-6); }
:root .border-b-base-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-b-base-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-b-base-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-b-base-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-b-base-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-b-base-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-b-base-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-b-base-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-b-base-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-l-base-800 { border-left-color: var(--spectra-neutral-6); }
:root .border-l-base-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-l-base-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-l-base-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-l-base-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-l-base-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-l-base-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-l-base-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-l-base-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-l-base-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-x-base-800 { border-left-color: var(--spectra-neutral-6); border-right-color: var(--spectra-neutral-6); }
:root .border-x-base-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-x-base-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-x-base-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-x-base-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-x-base-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-x-base-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-x-base-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-x-base-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-x-base-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-y-base-800 { border-top-color: var(--spectra-neutral-6); border-bottom-color: var(--spectra-neutral-6); }
:root .border-y-base-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-y-base-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-y-base-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-y-base-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-y-base-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-y-base-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-y-base-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-y-base-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-y-base-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .ring-base-800 { --tw-ring-color: var(--spectra-neutral-6); }
:root .ring-offset-base-800 { --tw-ring-offset-color: var(--spectra-neutral-6); }
:root .bg-base-950 { background: var(--spectra-neutral-7); }
:root .bg-base-950\/10 { background: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .bg-base-950\/20 { background: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .bg-base-950\/30 { background: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .bg-base-950\/40 { background: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .bg-base-950\/50 { background: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .bg-base-950\/60 { background: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .bg-base-950\/70 { background: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .bg-base-950\/80 { background: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .bg-base-950\/90 { background: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .text-base-950 { color: var(--spectra-neutral-7); -webkit-text-fill-color: var(--spectra-neutral-7); }
:root .text-base-950\/10 { color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .text-base-950\/20 { color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .text-base-950\/30 { color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .text-base-950\/40 { color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .text-base-950\/50 { color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .text-base-950\/60 { color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .text-base-950\/70 { color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .text-base-950\/80 { color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .text-base-950\/90 { color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .border-base-950 { border-color: var(--spectra-neutral-7); }
:root .border-base-950\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .border-base-950\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .border-base-950\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .border-base-950\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .border-base-950\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .border-base-950\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .border-base-950\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .border-base-950\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .border-base-950\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .outline-base-950 { outline-color: var(--spectra-neutral-7); }
:root .outline-base-950\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .outline-base-950\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .outline-base-950\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .outline-base-950\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .outline-base-950\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .outline-base-950\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .outline-base-950\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .outline-base-950\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .outline-base-950\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .overlay-base-950 { background: var(--spectra-neutral-7); }
:root .overlay-base-950\/10 { background: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .overlay-base-950\/20 { background: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .overlay-base-950\/30 { background: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .overlay-base-950\/40 { background: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .overlay-base-950\/50 { background: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .overlay-base-950\/60 { background: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .overlay-base-950\/70 { background: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .overlay-base-950\/80 { background: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .overlay-base-950\/90 { background: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .fill-base-950 { fill: var(--spectra-neutral-7); }
:root .fill-base-950\/10 { fill: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .fill-base-950\/20 { fill: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .fill-base-950\/30 { fill: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .fill-base-950\/40 { fill: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .fill-base-950\/50 { fill: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .fill-base-950\/60 { fill: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .fill-base-950\/70 { fill: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .fill-base-950\/80 { fill: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .fill-base-950\/90 { fill: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .stroke-base-950 { stroke: var(--spectra-neutral-7); }
:root .stroke-base-950\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .stroke-base-950\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .stroke-base-950\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .stroke-base-950\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .stroke-base-950\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .stroke-base-950\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .stroke-base-950\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .stroke-base-950\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .stroke-base-950\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .border-t-base-950 { border-top-color: var(--spectra-neutral-7); }
:root .border-t-base-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .border-t-base-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .border-t-base-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .border-t-base-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .border-t-base-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .border-t-base-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .border-t-base-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .border-t-base-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .border-t-base-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .border-r-base-950 { border-right-color: var(--spectra-neutral-7); }
:root .border-r-base-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .border-r-base-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .border-r-base-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .border-r-base-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .border-r-base-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .border-r-base-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .border-r-base-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .border-r-base-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .border-r-base-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .border-b-base-950 { border-bottom-color: var(--spectra-neutral-7); }
:root .border-b-base-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .border-b-base-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .border-b-base-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .border-b-base-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .border-b-base-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .border-b-base-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .border-b-base-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .border-b-base-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .border-b-base-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .border-l-base-950 { border-left-color: var(--spectra-neutral-7); }
:root .border-l-base-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .border-l-base-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .border-l-base-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .border-l-base-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .border-l-base-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .border-l-base-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .border-l-base-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .border-l-base-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .border-l-base-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .border-x-base-950 { border-left-color: var(--spectra-neutral-7); border-right-color: var(--spectra-neutral-7); }
:root .border-x-base-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .border-x-base-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .border-x-base-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .border-x-base-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .border-x-base-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .border-x-base-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .border-x-base-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .border-x-base-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .border-x-base-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .border-y-base-950 { border-top-color: var(--spectra-neutral-7); border-bottom-color: var(--spectra-neutral-7); }
:root .border-y-base-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .border-y-base-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .border-y-base-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .border-y-base-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .border-y-base-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .border-y-base-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .border-y-base-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .border-y-base-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .border-y-base-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .ring-base-950 { --tw-ring-color: var(--spectra-neutral-7); }
:root .ring-offset-base-950 { --tw-ring-offset-color: var(--spectra-neutral-7); }
:root .bg-base-400 { background: var(--spectra-neutral-3); }
:root .bg-base-400\/10 { background: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .bg-base-400\/20 { background: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .bg-base-400\/30 { background: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .bg-base-400\/40 { background: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .bg-base-400\/50 { background: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .bg-base-400\/60 { background: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .bg-base-400\/70 { background: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .bg-base-400\/80 { background: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .bg-base-400\/90 { background: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .text-base-400 { color: var(--spectra-neutral-3); -webkit-text-fill-color: var(--spectra-neutral-3); }
:root .text-base-400\/10 { color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .text-base-400\/20 { color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .text-base-400\/30 { color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .text-base-400\/40 { color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .text-base-400\/50 { color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .text-base-400\/60 { color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .text-base-400\/70 { color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .text-base-400\/80 { color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .text-base-400\/90 { color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-base-400 { border-color: var(--spectra-neutral-3); }
:root .border-base-400\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-base-400\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-base-400\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-base-400\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-base-400\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-base-400\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-base-400\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-base-400\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-base-400\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .outline-base-400 { outline-color: var(--spectra-neutral-3); }
:root .outline-base-400\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .outline-base-400\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .outline-base-400\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .outline-base-400\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .outline-base-400\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .outline-base-400\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .outline-base-400\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .outline-base-400\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .outline-base-400\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .overlay-base-400 { background: var(--spectra-neutral-3); }
:root .overlay-base-400\/10 { background: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .overlay-base-400\/20 { background: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .overlay-base-400\/30 { background: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .overlay-base-400\/40 { background: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .overlay-base-400\/50 { background: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .overlay-base-400\/60 { background: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .overlay-base-400\/70 { background: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .overlay-base-400\/80 { background: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .overlay-base-400\/90 { background: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .fill-base-400 { fill: var(--spectra-neutral-3); }
:root .fill-base-400\/10 { fill: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .fill-base-400\/20 { fill: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .fill-base-400\/30 { fill: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .fill-base-400\/40 { fill: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .fill-base-400\/50 { fill: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .fill-base-400\/60 { fill: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .fill-base-400\/70 { fill: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .fill-base-400\/80 { fill: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .fill-base-400\/90 { fill: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .stroke-base-400 { stroke: var(--spectra-neutral-3); }
:root .stroke-base-400\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .stroke-base-400\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .stroke-base-400\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .stroke-base-400\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .stroke-base-400\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .stroke-base-400\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .stroke-base-400\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .stroke-base-400\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .stroke-base-400\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-t-base-400 { border-top-color: var(--spectra-neutral-3); }
:root .border-t-base-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-t-base-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-t-base-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-t-base-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-t-base-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-t-base-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-t-base-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-t-base-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-t-base-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-r-base-400 { border-right-color: var(--spectra-neutral-3); }
:root .border-r-base-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-r-base-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-r-base-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-r-base-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-r-base-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-r-base-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-r-base-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-r-base-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-r-base-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-b-base-400 { border-bottom-color: var(--spectra-neutral-3); }
:root .border-b-base-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-b-base-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-b-base-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-b-base-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-b-base-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-b-base-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-b-base-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-b-base-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-b-base-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-l-base-400 { border-left-color: var(--spectra-neutral-3); }
:root .border-l-base-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-l-base-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-l-base-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-l-base-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-l-base-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-l-base-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-l-base-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-l-base-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-l-base-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-x-base-400 { border-left-color: var(--spectra-neutral-3); border-right-color: var(--spectra-neutral-3); }
:root .border-x-base-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-x-base-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-x-base-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-x-base-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-x-base-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-x-base-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-x-base-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-x-base-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-x-base-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-y-base-400 { border-top-color: var(--spectra-neutral-3); border-bottom-color: var(--spectra-neutral-3); }
:root .border-y-base-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-y-base-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-y-base-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-y-base-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-y-base-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-y-base-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-y-base-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-y-base-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-y-base-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .ring-base-400 { --tw-ring-color: var(--spectra-neutral-3); }
:root .ring-offset-base-400 { --tw-ring-offset-color: var(--spectra-neutral-3); }
:root .bg-base-700 { background: var(--spectra-neutral-5); }
:root .bg-base-700\/10 { background: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .bg-base-700\/20 { background: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .bg-base-700\/30 { background: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .bg-base-700\/40 { background: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .bg-base-700\/50 { background: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .bg-base-700\/60 { background: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .bg-base-700\/70 { background: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .bg-base-700\/80 { background: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .bg-base-700\/90 { background: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .text-base-700 { color: var(--spectra-neutral-5); -webkit-text-fill-color: var(--spectra-neutral-5); }
:root .text-base-700\/10 { color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .text-base-700\/20 { color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .text-base-700\/30 { color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .text-base-700\/40 { color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .text-base-700\/50 { color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .text-base-700\/60 { color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .text-base-700\/70 { color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .text-base-700\/80 { color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .text-base-700\/90 { color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-base-700 { border-color: var(--spectra-neutral-5); }
:root .border-base-700\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-base-700\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-base-700\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-base-700\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-base-700\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-base-700\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-base-700\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-base-700\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-base-700\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .outline-base-700 { outline-color: var(--spectra-neutral-5); }
:root .outline-base-700\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .outline-base-700\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .outline-base-700\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .outline-base-700\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .outline-base-700\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .outline-base-700\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .outline-base-700\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .outline-base-700\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .outline-base-700\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .overlay-base-700 { background: var(--spectra-neutral-5); }
:root .overlay-base-700\/10 { background: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .overlay-base-700\/20 { background: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .overlay-base-700\/30 { background: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .overlay-base-700\/40 { background: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .overlay-base-700\/50 { background: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .overlay-base-700\/60 { background: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .overlay-base-700\/70 { background: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .overlay-base-700\/80 { background: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .overlay-base-700\/90 { background: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .fill-base-700 { fill: var(--spectra-neutral-5); }
:root .fill-base-700\/10 { fill: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .fill-base-700\/20 { fill: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .fill-base-700\/30 { fill: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .fill-base-700\/40 { fill: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .fill-base-700\/50 { fill: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .fill-base-700\/60 { fill: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .fill-base-700\/70 { fill: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .fill-base-700\/80 { fill: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .fill-base-700\/90 { fill: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .stroke-base-700 { stroke: var(--spectra-neutral-5); }
:root .stroke-base-700\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .stroke-base-700\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .stroke-base-700\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .stroke-base-700\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .stroke-base-700\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .stroke-base-700\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .stroke-base-700\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .stroke-base-700\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .stroke-base-700\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-t-base-700 { border-top-color: var(--spectra-neutral-5); }
:root .border-t-base-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-t-base-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-t-base-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-t-base-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-t-base-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-t-base-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-t-base-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-t-base-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-t-base-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-r-base-700 { border-right-color: var(--spectra-neutral-5); }
:root .border-r-base-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-r-base-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-r-base-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-r-base-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-r-base-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-r-base-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-r-base-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-r-base-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-r-base-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-b-base-700 { border-bottom-color: var(--spectra-neutral-5); }
:root .border-b-base-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-b-base-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-b-base-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-b-base-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-b-base-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-b-base-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-b-base-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-b-base-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-b-base-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-l-base-700 { border-left-color: var(--spectra-neutral-5); }
:root .border-l-base-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-l-base-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-l-base-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-l-base-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-l-base-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-l-base-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-l-base-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-l-base-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-l-base-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-x-base-700 { border-left-color: var(--spectra-neutral-5); border-right-color: var(--spectra-neutral-5); }
:root .border-x-base-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-x-base-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-x-base-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-x-base-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-x-base-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-x-base-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-x-base-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-x-base-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-x-base-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-y-base-700 { border-top-color: var(--spectra-neutral-5); border-bottom-color: var(--spectra-neutral-5); }
:root .border-y-base-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-y-base-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-y-base-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-y-base-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-y-base-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-y-base-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-y-base-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-y-base-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-y-base-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .ring-base-700 { --tw-ring-color: var(--spectra-neutral-5); }
:root .ring-offset-base-700 { --tw-ring-offset-color: var(--spectra-neutral-5); }
:root .bg-base-900 { background: var(--spectra-neutral-6); }
:root .bg-base-900\/10 { background: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .bg-base-900\/20 { background: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .bg-base-900\/30 { background: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .bg-base-900\/40 { background: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .bg-base-900\/50 { background: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .bg-base-900\/60 { background: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .bg-base-900\/70 { background: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .bg-base-900\/80 { background: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .bg-base-900\/90 { background: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .text-base-900 { color: var(--spectra-neutral-6); -webkit-text-fill-color: var(--spectra-neutral-6); }
:root .text-base-900\/10 { color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .text-base-900\/20 { color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .text-base-900\/30 { color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .text-base-900\/40 { color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .text-base-900\/50 { color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .text-base-900\/60 { color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .text-base-900\/70 { color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .text-base-900\/80 { color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .text-base-900\/90 { color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-base-900 { border-color: var(--spectra-neutral-6); }
:root .border-base-900\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-base-900\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-base-900\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-base-900\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-base-900\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-base-900\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-base-900\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-base-900\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-base-900\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .outline-base-900 { outline-color: var(--spectra-neutral-6); }
:root .outline-base-900\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .outline-base-900\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .outline-base-900\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .outline-base-900\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .outline-base-900\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .outline-base-900\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .outline-base-900\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .outline-base-900\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .outline-base-900\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .overlay-base-900 { background: var(--spectra-neutral-6); }
:root .overlay-base-900\/10 { background: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .overlay-base-900\/20 { background: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .overlay-base-900\/30 { background: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .overlay-base-900\/40 { background: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .overlay-base-900\/50 { background: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .overlay-base-900\/60 { background: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .overlay-base-900\/70 { background: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .overlay-base-900\/80 { background: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .overlay-base-900\/90 { background: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .fill-base-900 { fill: var(--spectra-neutral-6); }
:root .fill-base-900\/10 { fill: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .fill-base-900\/20 { fill: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .fill-base-900\/30 { fill: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .fill-base-900\/40 { fill: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .fill-base-900\/50 { fill: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .fill-base-900\/60 { fill: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .fill-base-900\/70 { fill: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .fill-base-900\/80 { fill: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .fill-base-900\/90 { fill: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .stroke-base-900 { stroke: var(--spectra-neutral-6); }
:root .stroke-base-900\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .stroke-base-900\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .stroke-base-900\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .stroke-base-900\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .stroke-base-900\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .stroke-base-900\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .stroke-base-900\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .stroke-base-900\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .stroke-base-900\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-t-base-900 { border-top-color: var(--spectra-neutral-6); }
:root .border-t-base-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-t-base-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-t-base-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-t-base-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-t-base-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-t-base-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-t-base-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-t-base-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-t-base-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-r-base-900 { border-right-color: var(--spectra-neutral-6); }
:root .border-r-base-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-r-base-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-r-base-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-r-base-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-r-base-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-r-base-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-r-base-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-r-base-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-r-base-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-b-base-900 { border-bottom-color: var(--spectra-neutral-6); }
:root .border-b-base-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-b-base-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-b-base-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-b-base-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-b-base-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-b-base-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-b-base-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-b-base-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-b-base-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-l-base-900 { border-left-color: var(--spectra-neutral-6); }
:root .border-l-base-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-l-base-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-l-base-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-l-base-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-l-base-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-l-base-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-l-base-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-l-base-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-l-base-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-x-base-900 { border-left-color: var(--spectra-neutral-6); border-right-color: var(--spectra-neutral-6); }
:root .border-x-base-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-x-base-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-x-base-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-x-base-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-x-base-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-x-base-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-x-base-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-x-base-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-x-base-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-y-base-900 { border-top-color: var(--spectra-neutral-6); border-bottom-color: var(--spectra-neutral-6); }
:root .border-y-base-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-y-base-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-y-base-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-y-base-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-y-base-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-y-base-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-y-base-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-y-base-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-y-base-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .ring-base-900 { --tw-ring-color: var(--spectra-neutral-6); }
:root .ring-offset-base-900 { --tw-ring-offset-color: var(--spectra-neutral-6); }
:root .bg-white { background: #ffffff; }
:root .text-white { color: #ffffff; -webkit-text-fill-color: #ffffff; }
:root .border-white { border-color: #ffffff; }
:root .outline-white { outline-color: #ffffff; }
:root .overlay-white { background: #ffffff; }
:root .fill-white { fill: #ffffff; }
:root .stroke-white { stroke: #ffffff; }
:root .border-t-white { border-top-color: #ffffff; }
:root .border-r-white { border-right-color: #ffffff; }
:root .border-b-white { border-bottom-color: #ffffff; }
:root .border-l-white { border-left-color: #ffffff; }
:root .border-x-white { border-left-color: #ffffff; border-right-color: #ffffff; }
:root .border-y-white { border-top-color: #ffffff; border-bottom-color: #ffffff; }
:root .bg-black { background: #000000; }
:root .text-black { color: #000000; -webkit-text-fill-color: #000000; }
:root .border-black { border-color: #000000; }
:root .outline-black { outline-color: #000000; }
:root .overlay-black { background: #000000; }
:root .fill-black { fill: #000000; }
:root .stroke-black { stroke: #000000; }
:root .border-t-black { border-top-color: #000000; }
:root .border-r-black { border-right-color: #000000; }
:root .border-b-black { border-bottom-color: #000000; }
:root .border-l-black { border-left-color: #000000; }
:root .border-x-black { border-left-color: #000000; border-right-color: #000000; }
:root .border-y-black { border-top-color: #000000; border-bottom-color: #000000; }
:root .bg-transparent { background: transparent; }
:root .text-transparent { color: transparent; -webkit-text-fill-color: transparent; }
:root .border-transparent { border-color: transparent; }
:root .outline-transparent { outline-color: transparent; }
:root .overlay-transparent { background: transparent; }
:root .fill-transparent { fill: transparent; }
:root .stroke-transparent { stroke: transparent; }
:root .border-t-transparent { border-top-color: transparent; }
:root .border-r-transparent { border-right-color: transparent; }
:root .border-b-transparent { border-bottom-color: transparent; }
:root .border-l-transparent { border-left-color: transparent; }
:root .border-x-transparent { border-left-color: transparent; border-right-color: transparent; }
:root .border-y-transparent { border-top-color: transparent; border-bottom-color: transparent; }
:root .from-primary-50 { --tw-gradient-from: var(--spectra-chromatic1-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-100 { --tw-gradient-from: var(--spectra-chromatic1-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-200 { --tw-gradient-from: var(--spectra-chromatic1-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-300 { --tw-gradient-from: var(--spectra-chromatic1-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-400 { --tw-gradient-from: var(--spectra-chromatic1-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-500 { --tw-gradient-from: var(--spectra-chromatic1-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-600 { --tw-gradient-from: var(--spectra-chromatic1-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-700 { --tw-gradient-from: var(--spectra-chromatic1-8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-800 { --tw-gradient-from: var(--spectra-chromatic1-9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-900 { --tw-gradient-from: var(--spectra-chromatic1-10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-950 { --tw-gradient-from: var(--spectra-chromatic1-11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-50 { --tw-gradient-from: var(--spectra-chromatic2-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-100 { --tw-gradient-from: var(--spectra-chromatic2-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-200 { --tw-gradient-from: var(--spectra-chromatic2-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-300 { --tw-gradient-from: var(--spectra-chromatic2-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-400 { --tw-gradient-from: var(--spectra-chromatic2-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-500 { --tw-gradient-from: var(--spectra-chromatic2-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-600 { --tw-gradient-from: var(--spectra-chromatic2-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-700 { --tw-gradient-from: var(--spectra-chromatic2-8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-800 { --tw-gradient-from: var(--spectra-chromatic2-9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-900 { --tw-gradient-from: var(--spectra-chromatic2-10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-950 { --tw-gradient-from: var(--spectra-chromatic2-11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-50 { --tw-gradient-from: var(--spectra-chromatic3-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-100 { --tw-gradient-from: var(--spectra-chromatic3-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-200 { --tw-gradient-from: var(--spectra-chromatic3-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-300 { --tw-gradient-from: var(--spectra-chromatic3-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-400 { --tw-gradient-from: var(--spectra-chromatic3-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-500 { --tw-gradient-from: var(--spectra-chromatic3-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-600 { --tw-gradient-from: var(--spectra-chromatic3-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-700 { --tw-gradient-from: var(--spectra-chromatic3-8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-800 { --tw-gradient-from: var(--spectra-chromatic3-9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-900 { --tw-gradient-from: var(--spectra-chromatic3-10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-950 { --tw-gradient-from: var(--spectra-chromatic3-11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-50 { --tw-gradient-from: var(--spectra-chromatic4-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-100 { --tw-gradient-from: var(--spectra-chromatic4-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-200 { --tw-gradient-from: var(--spectra-chromatic4-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-300 { --tw-gradient-from: var(--spectra-chromatic4-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-400 { --tw-gradient-from: var(--spectra-chromatic4-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-500 { --tw-gradient-from: var(--spectra-chromatic4-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-600 { --tw-gradient-from: var(--spectra-chromatic4-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-700 { --tw-gradient-from: var(--spectra-chromatic4-8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-800 { --tw-gradient-from: var(--spectra-chromatic4-9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-900 { --tw-gradient-from: var(--spectra-chromatic4-10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-950 { --tw-gradient-from: var(--spectra-chromatic4-11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-50 { --tw-gradient-from: var(--spectra-chromatic5-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-100 { --tw-gradient-from: var(--spectra-chromatic5-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-200 { --tw-gradient-from: var(--spectra-chromatic5-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-300 { --tw-gradient-from: var(--spectra-chromatic5-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-400 { --tw-gradient-from: var(--spectra-chromatic5-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-500 { --tw-gradient-from: var(--spectra-chromatic5-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-600 { --tw-gradient-from: var(--spectra-chromatic5-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-700 { --tw-gradient-from: var(--spectra-chromatic5-8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-800 { --tw-gradient-from: var(--spectra-chromatic5-9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-900 { --tw-gradient-from: var(--spectra-chromatic5-10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-950 { --tw-gradient-from: var(--spectra-chromatic5-11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-50 { --tw-gradient-from: var(--spectra-chromatic6-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-100 { --tw-gradient-from: var(--spectra-chromatic6-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-200 { --tw-gradient-from: var(--spectra-chromatic6-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-300 { --tw-gradient-from: var(--spectra-chromatic6-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-400 { --tw-gradient-from: var(--spectra-chromatic6-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-500 { --tw-gradient-from: var(--spectra-chromatic6-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-600 { --tw-gradient-from: var(--spectra-chromatic6-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-700 { --tw-gradient-from: var(--spectra-chromatic6-8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-800 { --tw-gradient-from: var(--spectra-chromatic6-9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-900 { --tw-gradient-from: var(--spectra-chromatic6-10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-950 { --tw-gradient-from: var(--spectra-chromatic6-11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-50 { --tw-gradient-from: var(--spectra-chromatic7-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-100 { --tw-gradient-from: var(--spectra-chromatic7-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-200 { --tw-gradient-from: var(--spectra-chromatic7-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-300 { --tw-gradient-from: var(--spectra-chromatic7-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-400 { --tw-gradient-from: var(--spectra-chromatic7-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-500 { --tw-gradient-from: var(--spectra-chromatic7-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-600 { --tw-gradient-from: var(--spectra-chromatic7-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-700 { --tw-gradient-from: var(--spectra-chromatic7-8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-800 { --tw-gradient-from: var(--spectra-chromatic7-9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-900 { --tw-gradient-from: var(--spectra-chromatic7-10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-950 { --tw-gradient-from: var(--spectra-chromatic7-11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-50 { --tw-gradient-from: var(--spectra-neutral-0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-100 { --tw-gradient-from: var(--spectra-neutral-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-200 { --tw-gradient-from: var(--spectra-neutral-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-300 { --tw-gradient-from: var(--spectra-neutral-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-500 { --tw-gradient-from: var(--spectra-neutral-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-600 { --tw-gradient-from: var(--spectra-neutral-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-800 { --tw-gradient-from: var(--spectra-neutral-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-950 { --tw-gradient-from: var(--spectra-neutral-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-400 { --tw-gradient-from: var(--spectra-neutral-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-700 { --tw-gradient-from: var(--spectra-neutral-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-900 { --tw-gradient-from: var(--spectra-neutral-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-white { --tw-gradient-from: #ffffff; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-black { --tw-gradient-from: #000000; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .via-primary-50 { --tw-gradient-via: var(--spectra-chromatic1-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-100 { --tw-gradient-via: var(--spectra-chromatic1-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-200 { --tw-gradient-via: var(--spectra-chromatic1-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-300 { --tw-gradient-via: var(--spectra-chromatic1-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-400 { --tw-gradient-via: var(--spectra-chromatic1-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-500 { --tw-gradient-via: var(--spectra-chromatic1-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-600 { --tw-gradient-via: var(--spectra-chromatic1-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-700 { --tw-gradient-via: var(--spectra-chromatic1-8); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-800 { --tw-gradient-via: var(--spectra-chromatic1-9); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-900 { --tw-gradient-via: var(--spectra-chromatic1-10); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-950 { --tw-gradient-via: var(--spectra-chromatic1-11); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-50 { --tw-gradient-via: var(--spectra-chromatic2-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-100 { --tw-gradient-via: var(--spectra-chromatic2-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-200 { --tw-gradient-via: var(--spectra-chromatic2-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-300 { --tw-gradient-via: var(--spectra-chromatic2-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-400 { --tw-gradient-via: var(--spectra-chromatic2-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-500 { --tw-gradient-via: var(--spectra-chromatic2-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-600 { --tw-gradient-via: var(--spectra-chromatic2-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-700 { --tw-gradient-via: var(--spectra-chromatic2-8); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-800 { --tw-gradient-via: var(--spectra-chromatic2-9); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-900 { --tw-gradient-via: var(--spectra-chromatic2-10); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-950 { --tw-gradient-via: var(--spectra-chromatic2-11); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-50 { --tw-gradient-via: var(--spectra-chromatic3-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-100 { --tw-gradient-via: var(--spectra-chromatic3-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-200 { --tw-gradient-via: var(--spectra-chromatic3-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-300 { --tw-gradient-via: var(--spectra-chromatic3-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-400 { --tw-gradient-via: var(--spectra-chromatic3-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-500 { --tw-gradient-via: var(--spectra-chromatic3-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-600 { --tw-gradient-via: var(--spectra-chromatic3-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-700 { --tw-gradient-via: var(--spectra-chromatic3-8); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-800 { --tw-gradient-via: var(--spectra-chromatic3-9); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-900 { --tw-gradient-via: var(--spectra-chromatic3-10); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-950 { --tw-gradient-via: var(--spectra-chromatic3-11); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-50 { --tw-gradient-via: var(--spectra-chromatic4-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-100 { --tw-gradient-via: var(--spectra-chromatic4-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-200 { --tw-gradient-via: var(--spectra-chromatic4-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-300 { --tw-gradient-via: var(--spectra-chromatic4-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-400 { --tw-gradient-via: var(--spectra-chromatic4-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-500 { --tw-gradient-via: var(--spectra-chromatic4-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-600 { --tw-gradient-via: var(--spectra-chromatic4-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-700 { --tw-gradient-via: var(--spectra-chromatic4-8); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-800 { --tw-gradient-via: var(--spectra-chromatic4-9); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-900 { --tw-gradient-via: var(--spectra-chromatic4-10); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-950 { --tw-gradient-via: var(--spectra-chromatic4-11); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-50 { --tw-gradient-via: var(--spectra-chromatic5-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-100 { --tw-gradient-via: var(--spectra-chromatic5-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-200 { --tw-gradient-via: var(--spectra-chromatic5-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-300 { --tw-gradient-via: var(--spectra-chromatic5-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-400 { --tw-gradient-via: var(--spectra-chromatic5-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-500 { --tw-gradient-via: var(--spectra-chromatic5-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-600 { --tw-gradient-via: var(--spectra-chromatic5-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-700 { --tw-gradient-via: var(--spectra-chromatic5-8); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-800 { --tw-gradient-via: var(--spectra-chromatic5-9); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-900 { --tw-gradient-via: var(--spectra-chromatic5-10); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-950 { --tw-gradient-via: var(--spectra-chromatic5-11); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-50 { --tw-gradient-via: var(--spectra-chromatic6-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-100 { --tw-gradient-via: var(--spectra-chromatic6-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-200 { --tw-gradient-via: var(--spectra-chromatic6-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-300 { --tw-gradient-via: var(--spectra-chromatic6-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-400 { --tw-gradient-via: var(--spectra-chromatic6-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-500 { --tw-gradient-via: var(--spectra-chromatic6-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-600 { --tw-gradient-via: var(--spectra-chromatic6-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-700 { --tw-gradient-via: var(--spectra-chromatic6-8); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-800 { --tw-gradient-via: var(--spectra-chromatic6-9); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-900 { --tw-gradient-via: var(--spectra-chromatic6-10); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-950 { --tw-gradient-via: var(--spectra-chromatic6-11); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-50 { --tw-gradient-via: var(--spectra-chromatic7-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-100 { --tw-gradient-via: var(--spectra-chromatic7-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-200 { --tw-gradient-via: var(--spectra-chromatic7-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-300 { --tw-gradient-via: var(--spectra-chromatic7-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-400 { --tw-gradient-via: var(--spectra-chromatic7-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-500 { --tw-gradient-via: var(--spectra-chromatic7-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-600 { --tw-gradient-via: var(--spectra-chromatic7-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-700 { --tw-gradient-via: var(--spectra-chromatic7-8); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-800 { --tw-gradient-via: var(--spectra-chromatic7-9); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-900 { --tw-gradient-via: var(--spectra-chromatic7-10); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-950 { --tw-gradient-via: var(--spectra-chromatic7-11); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-50 { --tw-gradient-via: var(--spectra-neutral-0); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-100 { --tw-gradient-via: var(--spectra-neutral-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-200 { --tw-gradient-via: var(--spectra-neutral-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-300 { --tw-gradient-via: var(--spectra-neutral-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-500 { --tw-gradient-via: var(--spectra-neutral-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-600 { --tw-gradient-via: var(--spectra-neutral-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-800 { --tw-gradient-via: var(--spectra-neutral-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-950 { --tw-gradient-via: var(--spectra-neutral-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-400 { --tw-gradient-via: var(--spectra-neutral-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-700 { --tw-gradient-via: var(--spectra-neutral-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-900 { --tw-gradient-via: var(--spectra-neutral-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-white { --tw-gradient-via: #ffffff; --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-black { --tw-gradient-via: #000000; --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-transparent { --tw-gradient-via: transparent; --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .to-primary-50 { --tw-gradient-to: var(--spectra-chromatic1-1); }
:root .to-primary-100 { --tw-gradient-to: var(--spectra-chromatic1-2); }
:root .to-primary-200 { --tw-gradient-to: var(--spectra-chromatic1-3); }
:root .to-primary-300 { --tw-gradient-to: var(--spectra-chromatic1-4); }
:root .to-primary-400 { --tw-gradient-to: var(--spectra-chromatic1-5); }
:root .to-primary-500 { --tw-gradient-to: var(--spectra-chromatic1-6); }
:root .to-primary-600 { --tw-gradient-to: var(--spectra-chromatic1-7); }
:root .to-primary-700 { --tw-gradient-to: var(--spectra-chromatic1-8); }
:root .to-primary-800 { --tw-gradient-to: var(--spectra-chromatic1-9); }
:root .to-primary-900 { --tw-gradient-to: var(--spectra-chromatic1-10); }
:root .to-primary-950 { --tw-gradient-to: var(--spectra-chromatic1-11); }
:root .to-secondary-50 { --tw-gradient-to: var(--spectra-chromatic2-1); }
:root .to-secondary-100 { --tw-gradient-to: var(--spectra-chromatic2-2); }
:root .to-secondary-200 { --tw-gradient-to: var(--spectra-chromatic2-3); }
:root .to-secondary-300 { --tw-gradient-to: var(--spectra-chromatic2-4); }
:root .to-secondary-400 { --tw-gradient-to: var(--spectra-chromatic2-5); }
:root .to-secondary-500 { --tw-gradient-to: var(--spectra-chromatic2-6); }
:root .to-secondary-600 { --tw-gradient-to: var(--spectra-chromatic2-7); }
:root .to-secondary-700 { --tw-gradient-to: var(--spectra-chromatic2-8); }
:root .to-secondary-800 { --tw-gradient-to: var(--spectra-chromatic2-9); }
:root .to-secondary-900 { --tw-gradient-to: var(--spectra-chromatic2-10); }
:root .to-secondary-950 { --tw-gradient-to: var(--spectra-chromatic2-11); }
:root .to-accent-50 { --tw-gradient-to: var(--spectra-chromatic3-1); }
:root .to-accent-100 { --tw-gradient-to: var(--spectra-chromatic3-2); }
:root .to-accent-200 { --tw-gradient-to: var(--spectra-chromatic3-3); }
:root .to-accent-300 { --tw-gradient-to: var(--spectra-chromatic3-4); }
:root .to-accent-400 { --tw-gradient-to: var(--spectra-chromatic3-5); }
:root .to-accent-500 { --tw-gradient-to: var(--spectra-chromatic3-6); }
:root .to-accent-600 { --tw-gradient-to: var(--spectra-chromatic3-7); }
:root .to-accent-700 { --tw-gradient-to: var(--spectra-chromatic3-8); }
:root .to-accent-800 { --tw-gradient-to: var(--spectra-chromatic3-9); }
:root .to-accent-900 { --tw-gradient-to: var(--spectra-chromatic3-10); }
:root .to-accent-950 { --tw-gradient-to: var(--spectra-chromatic3-11); }
:root .to-success-50 { --tw-gradient-to: var(--spectra-chromatic4-1); }
:root .to-success-100 { --tw-gradient-to: var(--spectra-chromatic4-2); }
:root .to-success-200 { --tw-gradient-to: var(--spectra-chromatic4-3); }
:root .to-success-300 { --tw-gradient-to: var(--spectra-chromatic4-4); }
:root .to-success-400 { --tw-gradient-to: var(--spectra-chromatic4-5); }
:root .to-success-500 { --tw-gradient-to: var(--spectra-chromatic4-6); }
:root .to-success-600 { --tw-gradient-to: var(--spectra-chromatic4-7); }
:root .to-success-700 { --tw-gradient-to: var(--spectra-chromatic4-8); }
:root .to-success-800 { --tw-gradient-to: var(--spectra-chromatic4-9); }
:root .to-success-900 { --tw-gradient-to: var(--spectra-chromatic4-10); }
:root .to-success-950 { --tw-gradient-to: var(--spectra-chromatic4-11); }
:root .to-error-50 { --tw-gradient-to: var(--spectra-chromatic5-1); }
:root .to-error-100 { --tw-gradient-to: var(--spectra-chromatic5-2); }
:root .to-error-200 { --tw-gradient-to: var(--spectra-chromatic5-3); }
:root .to-error-300 { --tw-gradient-to: var(--spectra-chromatic5-4); }
:root .to-error-400 { --tw-gradient-to: var(--spectra-chromatic5-5); }
:root .to-error-500 { --tw-gradient-to: var(--spectra-chromatic5-6); }
:root .to-error-600 { --tw-gradient-to: var(--spectra-chromatic5-7); }
:root .to-error-700 { --tw-gradient-to: var(--spectra-chromatic5-8); }
:root .to-error-800 { --tw-gradient-to: var(--spectra-chromatic5-9); }
:root .to-error-900 { --tw-gradient-to: var(--spectra-chromatic5-10); }
:root .to-error-950 { --tw-gradient-to: var(--spectra-chromatic5-11); }
:root .to-info-50 { --tw-gradient-to: var(--spectra-chromatic6-1); }
:root .to-info-100 { --tw-gradient-to: var(--spectra-chromatic6-2); }
:root .to-info-200 { --tw-gradient-to: var(--spectra-chromatic6-3); }
:root .to-info-300 { --tw-gradient-to: var(--spectra-chromatic6-4); }
:root .to-info-400 { --tw-gradient-to: var(--spectra-chromatic6-5); }
:root .to-info-500 { --tw-gradient-to: var(--spectra-chromatic6-6); }
:root .to-info-600 { --tw-gradient-to: var(--spectra-chromatic6-7); }
:root .to-info-700 { --tw-gradient-to: var(--spectra-chromatic6-8); }
:root .to-info-800 { --tw-gradient-to: var(--spectra-chromatic6-9); }
:root .to-info-900 { --tw-gradient-to: var(--spectra-chromatic6-10); }
:root .to-info-950 { --tw-gradient-to: var(--spectra-chromatic6-11); }
:root .to-warning-50 { --tw-gradient-to: var(--spectra-chromatic7-1); }
:root .to-warning-100 { --tw-gradient-to: var(--spectra-chromatic7-2); }
:root .to-warning-200 { --tw-gradient-to: var(--spectra-chromatic7-3); }
:root .to-warning-300 { --tw-gradient-to: var(--spectra-chromatic7-4); }
:root .to-warning-400 { --tw-gradient-to: var(--spectra-chromatic7-5); }
:root .to-warning-500 { --tw-gradient-to: var(--spectra-chromatic7-6); }
:root .to-warning-600 { --tw-gradient-to: var(--spectra-chromatic7-7); }
:root .to-warning-700 { --tw-gradient-to: var(--spectra-chromatic7-8); }
:root .to-warning-800 { --tw-gradient-to: var(--spectra-chromatic7-9); }
:root .to-warning-900 { --tw-gradient-to: var(--spectra-chromatic7-10); }
:root .to-warning-950 { --tw-gradient-to: var(--spectra-chromatic7-11); }
:root .to-base-50 { --tw-gradient-to: var(--spectra-neutral-0); }
:root .to-base-100 { --tw-gradient-to: var(--spectra-neutral-1); }
:root .to-base-200 { --tw-gradient-to: var(--spectra-neutral-2); }
:root .to-base-300 { --tw-gradient-to: var(--spectra-neutral-3); }
:root .to-base-500 { --tw-gradient-to: var(--spectra-neutral-4); }
:root .to-base-600 { --tw-gradient-to: var(--spectra-neutral-5); }
:root .to-base-800 { --tw-gradient-to: var(--spectra-neutral-6); }
:root .to-base-950 { --tw-gradient-to: var(--spectra-neutral-7); }
:root .to-base-400 { --tw-gradient-to: var(--spectra-neutral-3); }
:root .to-base-700 { --tw-gradient-to: var(--spectra-neutral-5); }
:root .to-base-900 { --tw-gradient-to: var(--spectra-neutral-6); }
:root .to-white { --tw-gradient-to: #ffffff; }
:root .to-black { --tw-gradient-to: #000000; }
:root .to-transparent { --tw-gradient-to: transparent; }
:root .p-0 { padding: 0; }
:root .p-px { padding: 1px; }
:root .p-0\.5 { padding: 0.125rem; }
:root .p-1 { padding: 0.25rem; }
:root .p-1\.5 { padding: 0.375rem; }
:root .p-2 { padding: 0.5rem; }
:root .p-2\.5 { padding: 0.625rem; }
:root .p-3 { padding: 0.75rem; }
:root .p-3\.5 { padding: 0.875rem; }
:root .p-4 { padding: 1rem; }
:root .p-5 { padding: 1.25rem; }
:root .p-6 { padding: 1.5rem; }
:root .p-7 { padding: 1.75rem; }
:root .p-8 { padding: 2rem; }
:root .p-9 { padding: 2.25rem; }
:root .p-10 { padding: 2.5rem; }
:root .p-11 { padding: 2.75rem; }
:root .p-12 { padding: 3rem; }
:root .p-14 { padding: 3.5rem; }
:root .p-16 { padding: 4rem; }
:root .p-20 { padding: 5rem; }
:root .p-24 { padding: 6rem; }
:root .p-28 { padding: 7rem; }
:root .p-32 { padding: 8rem; }
:root .p-36 { padding: 9rem; }
:root .p-40 { padding: 10rem; }
:root .p-44 { padding: 11rem; }
:root .p-48 { padding: 12rem; }
:root .p-52 { padding: 13rem; }
:root .p-56 { padding: 14rem; }
:root .p-60 { padding: 15rem; }
:root .p-64 { padding: 16rem; }
:root .p-72 { padding: 18rem; }
:root .p-80 { padding: 20rem; }
:root .p-96 { padding: 24rem; }
:root .p-xs { padding: var(--spectra-space-xs); }
:root .p-sm { padding: var(--spectra-space-sm); }
:root .p-md { padding: var(--spectra-space-md); }
:root .p-lg { padding: var(--spectra-space-lg); }
:root .p-xl { padding: var(--spectra-space-xl); }
:root .p-2xl { padding: var(--spectra-space-2xl); }
:root .pt-0 { padding-top: 0; }
:root .pt-px { padding-top: 1px; }
:root .pt-0\.5 { padding-top: 0.125rem; }
:root .pt-1 { padding-top: 0.25rem; }
:root .pt-1\.5 { padding-top: 0.375rem; }
:root .pt-2 { padding-top: 0.5rem; }
:root .pt-2\.5 { padding-top: 0.625rem; }
:root .pt-3 { padding-top: 0.75rem; }
:root .pt-3\.5 { padding-top: 0.875rem; }
:root .pt-4 { padding-top: 1rem; }
:root .pt-5 { padding-top: 1.25rem; }
:root .pt-6 { padding-top: 1.5rem; }
:root .pt-7 { padding-top: 1.75rem; }
:root .pt-8 { padding-top: 2rem; }
:root .pt-9 { padding-top: 2.25rem; }
:root .pt-10 { padding-top: 2.5rem; }
:root .pt-11 { padding-top: 2.75rem; }
:root .pt-12 { padding-top: 3rem; }
:root .pt-14 { padding-top: 3.5rem; }
:root .pt-16 { padding-top: 4rem; }
:root .pt-20 { padding-top: 5rem; }
:root .pt-24 { padding-top: 6rem; }
:root .pt-28 { padding-top: 7rem; }
:root .pt-32 { padding-top: 8rem; }
:root .pt-36 { padding-top: 9rem; }
:root .pt-40 { padding-top: 10rem; }
:root .pt-44 { padding-top: 11rem; }
:root .pt-48 { padding-top: 12rem; }
:root .pt-52 { padding-top: 13rem; }
:root .pt-56 { padding-top: 14rem; }
:root .pt-60 { padding-top: 15rem; }
:root .pt-64 { padding-top: 16rem; }
:root .pt-72 { padding-top: 18rem; }
:root .pt-80 { padding-top: 20rem; }
:root .pt-96 { padding-top: 24rem; }
:root .pt-xs { padding-top: var(--spectra-space-xs); }
:root .pt-sm { padding-top: var(--spectra-space-sm); }
:root .pt-md { padding-top: var(--spectra-space-md); }
:root .pt-lg { padding-top: var(--spectra-space-lg); }
:root .pt-xl { padding-top: var(--spectra-space-xl); }
:root .pt-2xl { padding-top: var(--spectra-space-2xl); }
:root .pr-0 { padding-right: 0; }
:root .pr-px { padding-right: 1px; }
:root .pr-0\.5 { padding-right: 0.125rem; }
:root .pr-1 { padding-right: 0.25rem; }
:root .pr-1\.5 { padding-right: 0.375rem; }
:root .pr-2 { padding-right: 0.5rem; }
:root .pr-2\.5 { padding-right: 0.625rem; }
:root .pr-3 { padding-right: 0.75rem; }
:root .pr-3\.5 { padding-right: 0.875rem; }
:root .pr-4 { padding-right: 1rem; }
:root .pr-5 { padding-right: 1.25rem; }
:root .pr-6 { padding-right: 1.5rem; }
:root .pr-7 { padding-right: 1.75rem; }
:root .pr-8 { padding-right: 2rem; }
:root .pr-9 { padding-right: 2.25rem; }
:root .pr-10 { padding-right: 2.5rem; }
:root .pr-11 { padding-right: 2.75rem; }
:root .pr-12 { padding-right: 3rem; }
:root .pr-14 { padding-right: 3.5rem; }
:root .pr-16 { padding-right: 4rem; }
:root .pr-20 { padding-right: 5rem; }
:root .pr-24 { padding-right: 6rem; }
:root .pr-28 { padding-right: 7rem; }
:root .pr-32 { padding-right: 8rem; }
:root .pr-36 { padding-right: 9rem; }
:root .pr-40 { padding-right: 10rem; }
:root .pr-44 { padding-right: 11rem; }
:root .pr-48 { padding-right: 12rem; }
:root .pr-52 { padding-right: 13rem; }
:root .pr-56 { padding-right: 14rem; }
:root .pr-60 { padding-right: 15rem; }
:root .pr-64 { padding-right: 16rem; }
:root .pr-72 { padding-right: 18rem; }
:root .pr-80 { padding-right: 20rem; }
:root .pr-96 { padding-right: 24rem; }
:root .pr-xs { padding-right: var(--spectra-space-xs); }
:root .pr-sm { padding-right: var(--spectra-space-sm); }
:root .pr-md { padding-right: var(--spectra-space-md); }
:root .pr-lg { padding-right: var(--spectra-space-lg); }
:root .pr-xl { padding-right: var(--spectra-space-xl); }
:root .pr-2xl { padding-right: var(--spectra-space-2xl); }
:root .pb-0 { padding-bottom: 0; }
:root .pb-px { padding-bottom: 1px; }
:root .pb-0\.5 { padding-bottom: 0.125rem; }
:root .pb-1 { padding-bottom: 0.25rem; }
:root .pb-1\.5 { padding-bottom: 0.375rem; }
:root .pb-2 { padding-bottom: 0.5rem; }
:root .pb-2\.5 { padding-bottom: 0.625rem; }
:root .pb-3 { padding-bottom: 0.75rem; }
:root .pb-3\.5 { padding-bottom: 0.875rem; }
:root .pb-4 { padding-bottom: 1rem; }
:root .pb-5 { padding-bottom: 1.25rem; }
:root .pb-6 { padding-bottom: 1.5rem; }
:root .pb-7 { padding-bottom: 1.75rem; }
:root .pb-8 { padding-bottom: 2rem; }
:root .pb-9 { padding-bottom: 2.25rem; }
:root .pb-10 { padding-bottom: 2.5rem; }
:root .pb-11 { padding-bottom: 2.75rem; }
:root .pb-12 { padding-bottom: 3rem; }
:root .pb-14 { padding-bottom: 3.5rem; }
:root .pb-16 { padding-bottom: 4rem; }
:root .pb-20 { padding-bottom: 5rem; }
:root .pb-24 { padding-bottom: 6rem; }
:root .pb-28 { padding-bottom: 7rem; }
:root .pb-32 { padding-bottom: 8rem; }
:root .pb-36 { padding-bottom: 9rem; }
:root .pb-40 { padding-bottom: 10rem; }
:root .pb-44 { padding-bottom: 11rem; }
:root .pb-48 { padding-bottom: 12rem; }
:root .pb-52 { padding-bottom: 13rem; }
:root .pb-56 { padding-bottom: 14rem; }
:root .pb-60 { padding-bottom: 15rem; }
:root .pb-64 { padding-bottom: 16rem; }
:root .pb-72 { padding-bottom: 18rem; }
:root .pb-80 { padding-bottom: 20rem; }
:root .pb-96 { padding-bottom: 24rem; }
:root .pb-xs { padding-bottom: var(--spectra-space-xs); }
:root .pb-sm { padding-bottom: var(--spectra-space-sm); }
:root .pb-md { padding-bottom: var(--spectra-space-md); }
:root .pb-lg { padding-bottom: var(--spectra-space-lg); }
:root .pb-xl { padding-bottom: var(--spectra-space-xl); }
:root .pb-2xl { padding-bottom: var(--spectra-space-2xl); }
:root .pl-0 { padding-left: 0; }
:root .pl-px { padding-left: 1px; }
:root .pl-0\.5 { padding-left: 0.125rem; }
:root .pl-1 { padding-left: 0.25rem; }
:root .pl-1\.5 { padding-left: 0.375rem; }
:root .pl-2 { padding-left: 0.5rem; }
:root .pl-2\.5 { padding-left: 0.625rem; }
:root .pl-3 { padding-left: 0.75rem; }
:root .pl-3\.5 { padding-left: 0.875rem; }
:root .pl-4 { padding-left: 1rem; }
:root .pl-5 { padding-left: 1.25rem; }
:root .pl-6 { padding-left: 1.5rem; }
:root .pl-7 { padding-left: 1.75rem; }
:root .pl-8 { padding-left: 2rem; }
:root .pl-9 { padding-left: 2.25rem; }
:root .pl-10 { padding-left: 2.5rem; }
:root .pl-11 { padding-left: 2.75rem; }
:root .pl-12 { padding-left: 3rem; }
:root .pl-14 { padding-left: 3.5rem; }
:root .pl-16 { padding-left: 4rem; }
:root .pl-20 { padding-left: 5rem; }
:root .pl-24 { padding-left: 6rem; }
:root .pl-28 { padding-left: 7rem; }
:root .pl-32 { padding-left: 8rem; }
:root .pl-36 { padding-left: 9rem; }
:root .pl-40 { padding-left: 10rem; }
:root .pl-44 { padding-left: 11rem; }
:root .pl-48 { padding-left: 12rem; }
:root .pl-52 { padding-left: 13rem; }
:root .pl-56 { padding-left: 14rem; }
:root .pl-60 { padding-left: 15rem; }
:root .pl-64 { padding-left: 16rem; }
:root .pl-72 { padding-left: 18rem; }
:root .pl-80 { padding-left: 20rem; }
:root .pl-96 { padding-left: 24rem; }
:root .pl-xs { padding-left: var(--spectra-space-xs); }
:root .pl-sm { padding-left: var(--spectra-space-sm); }
:root .pl-md { padding-left: var(--spectra-space-md); }
:root .pl-lg { padding-left: var(--spectra-space-lg); }
:root .pl-xl { padding-left: var(--spectra-space-xl); }
:root .pl-2xl { padding-left: var(--spectra-space-2xl); }
:root .px-0 { padding-right: 0; padding-left: 0; }
:root .px-px { padding-right: 1px; padding-left: 1px; }
:root .px-0\.5 { padding-right: 0.125rem; padding-left: 0.125rem; }
:root .px-1 { padding-right: 0.25rem; padding-left: 0.25rem; }
:root .px-1\.5 { padding-right: 0.375rem; padding-left: 0.375rem; }
:root .px-2 { padding-right: 0.5rem; padding-left: 0.5rem; }
:root .px-2\.5 { padding-right: 0.625rem; padding-left: 0.625rem; }
:root .px-3 { padding-right: 0.75rem; padding-left: 0.75rem; }
:root .px-3\.5 { padding-right: 0.875rem; padding-left: 0.875rem; }
:root .px-4 { padding-right: 1rem; padding-left: 1rem; }
:root .px-5 { padding-right: 1.25rem; padding-left: 1.25rem; }
:root .px-6 { padding-right: 1.5rem; padding-left: 1.5rem; }
:root .px-7 { padding-right: 1.75rem; padding-left: 1.75rem; }
:root .px-8 { padding-right: 2rem; padding-left: 2rem; }
:root .px-9 { padding-right: 2.25rem; padding-left: 2.25rem; }
:root .px-10 { padding-right: 2.5rem; padding-left: 2.5rem; }
:root .px-11 { padding-right: 2.75rem; padding-left: 2.75rem; }
:root .px-12 { padding-right: 3rem; padding-left: 3rem; }
:root .px-14 { padding-right: 3.5rem; padding-left: 3.5rem; }
:root .px-16 { padding-right: 4rem; padding-left: 4rem; }
:root .px-20 { padding-right: 5rem; padding-left: 5rem; }
:root .px-24 { padding-right: 6rem; padding-left: 6rem; }
:root .px-28 { padding-right: 7rem; padding-left: 7rem; }
:root .px-32 { padding-right: 8rem; padding-left: 8rem; }
:root .px-36 { padding-right: 9rem; padding-left: 9rem; }
:root .px-40 { padding-right: 10rem; padding-left: 10rem; }
:root .px-44 { padding-right: 11rem; padding-left: 11rem; }
:root .px-48 { padding-right: 12rem; padding-left: 12rem; }
:root .px-52 { padding-right: 13rem; padding-left: 13rem; }
:root .px-56 { padding-right: 14rem; padding-left: 14rem; }
:root .px-60 { padding-right: 15rem; padding-left: 15rem; }
:root .px-64 { padding-right: 16rem; padding-left: 16rem; }
:root .px-72 { padding-right: 18rem; padding-left: 18rem; }
:root .px-80 { padding-right: 20rem; padding-left: 20rem; }
:root .px-96 { padding-right: 24rem; padding-left: 24rem; }
:root .px-xs { padding-right: var(--spectra-space-xs); padding-left: var(--spectra-space-xs); }
:root .px-sm { padding-right: var(--spectra-space-sm); padding-left: var(--spectra-space-sm); }
:root .px-md { padding-right: var(--spectra-space-md); padding-left: var(--spectra-space-md); }
:root .px-lg { padding-right: var(--spectra-space-lg); padding-left: var(--spectra-space-lg); }
:root .px-xl { padding-right: var(--spectra-space-xl); padding-left: var(--spectra-space-xl); }
:root .px-2xl { padding-right: var(--spectra-space-2xl); padding-left: var(--spectra-space-2xl); }
:root .py-0 { padding-top: 0; padding-bottom: 0; }
:root .py-px { padding-top: 1px; padding-bottom: 1px; }
:root .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
:root .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
:root .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
:root .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
:root .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
:root .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
:root .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
:root .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
:root .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
:root .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
:root .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
:root .py-8 { padding-top: 2rem; padding-bottom: 2rem; }
:root .py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
:root .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
:root .py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; }
:root .py-12 { padding-top: 3rem; padding-bottom: 3rem; }
:root .py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
:root .py-16 { padding-top: 4rem; padding-bottom: 4rem; }
:root .py-20 { padding-top: 5rem; padding-bottom: 5rem; }
:root .py-24 { padding-top: 6rem; padding-bottom: 6rem; }
:root .py-28 { padding-top: 7rem; padding-bottom: 7rem; }
:root .py-32 { padding-top: 8rem; padding-bottom: 8rem; }
:root .py-36 { padding-top: 9rem; padding-bottom: 9rem; }
:root .py-40 { padding-top: 10rem; padding-bottom: 10rem; }
:root .py-44 { padding-top: 11rem; padding-bottom: 11rem; }
:root .py-48 { padding-top: 12rem; padding-bottom: 12rem; }
:root .py-52 { padding-top: 13rem; padding-bottom: 13rem; }
:root .py-56 { padding-top: 14rem; padding-bottom: 14rem; }
:root .py-60 { padding-top: 15rem; padding-bottom: 15rem; }
:root .py-64 { padding-top: 16rem; padding-bottom: 16rem; }
:root .py-72 { padding-top: 18rem; padding-bottom: 18rem; }
:root .py-80 { padding-top: 20rem; padding-bottom: 20rem; }
:root .py-96 { padding-top: 24rem; padding-bottom: 24rem; }
:root .py-xs { padding-top: var(--spectra-space-xs); padding-bottom: var(--spectra-space-xs); }
:root .py-sm { padding-top: var(--spectra-space-sm); padding-bottom: var(--spectra-space-sm); }
:root .py-md { padding-top: var(--spectra-space-md); padding-bottom: var(--spectra-space-md); }
:root .py-lg { padding-top: var(--spectra-space-lg); padding-bottom: var(--spectra-space-lg); }
:root .py-xl { padding-top: var(--spectra-space-xl); padding-bottom: var(--spectra-space-xl); }
:root .py-2xl { padding-top: var(--spectra-space-2xl); padding-bottom: var(--spectra-space-2xl); }
:root .m-0 { margin: 0; }
:root .m-px { margin: 1px; }
:root .m-0\.5 { margin: 0.125rem; }
:root .m-1 { margin: 0.25rem; }
:root .m-1\.5 { margin: 0.375rem; }
:root .m-2 { margin: 0.5rem; }
:root .m-2\.5 { margin: 0.625rem; }
:root .m-3 { margin: 0.75rem; }
:root .m-3\.5 { margin: 0.875rem; }
:root .m-4 { margin: 1rem; }
:root .m-5 { margin: 1.25rem; }
:root .m-6 { margin: 1.5rem; }
:root .m-7 { margin: 1.75rem; }
:root .m-8 { margin: 2rem; }
:root .m-9 { margin: 2.25rem; }
:root .m-10 { margin: 2.5rem; }
:root .m-11 { margin: 2.75rem; }
:root .m-12 { margin: 3rem; }
:root .m-14 { margin: 3.5rem; }
:root .m-16 { margin: 4rem; }
:root .m-20 { margin: 5rem; }
:root .m-24 { margin: 6rem; }
:root .m-28 { margin: 7rem; }
:root .m-32 { margin: 8rem; }
:root .m-36 { margin: 9rem; }
:root .m-40 { margin: 10rem; }
:root .m-44 { margin: 11rem; }
:root .m-48 { margin: 12rem; }
:root .m-52 { margin: 13rem; }
:root .m-56 { margin: 14rem; }
:root .m-60 { margin: 15rem; }
:root .m-64 { margin: 16rem; }
:root .m-72 { margin: 18rem; }
:root .m-80 { margin: 20rem; }
:root .m-96 { margin: 24rem; }
:root .m-xs { margin: var(--spectra-space-xs); }
:root .m-sm { margin: var(--spectra-space-sm); }
:root .m-md { margin: var(--spectra-space-md); }
:root .m-lg { margin: var(--spectra-space-lg); }
:root .m-xl { margin: var(--spectra-space-xl); }
:root .m-2xl { margin: var(--spectra-space-2xl); }
:root .mt-0 { margin-top: 0; }
:root .mt-px { margin-top: 1px; }
:root .mt-0\.5 { margin-top: 0.125rem; }
:root .mt-1 { margin-top: 0.25rem; }
:root .mt-1\.5 { margin-top: 0.375rem; }
:root .mt-2 { margin-top: 0.5rem; }
:root .mt-2\.5 { margin-top: 0.625rem; }
:root .mt-3 { margin-top: 0.75rem; }
:root .mt-3\.5 { margin-top: 0.875rem; }
:root .mt-4 { margin-top: 1rem; }
:root .mt-5 { margin-top: 1.25rem; }
:root .mt-6 { margin-top: 1.5rem; }
:root .mt-7 { margin-top: 1.75rem; }
:root .mt-8 { margin-top: 2rem; }
:root .mt-9 { margin-top: 2.25rem; }
:root .mt-10 { margin-top: 2.5rem; }
:root .mt-11 { margin-top: 2.75rem; }
:root .mt-12 { margin-top: 3rem; }
:root .mt-14 { margin-top: 3.5rem; }
:root .mt-16 { margin-top: 4rem; }
:root .mt-20 { margin-top: 5rem; }
:root .mt-24 { margin-top: 6rem; }
:root .mt-28 { margin-top: 7rem; }
:root .mt-32 { margin-top: 8rem; }
:root .mt-36 { margin-top: 9rem; }
:root .mt-40 { margin-top: 10rem; }
:root .mt-44 { margin-top: 11rem; }
:root .mt-48 { margin-top: 12rem; }
:root .mt-52 { margin-top: 13rem; }
:root .mt-56 { margin-top: 14rem; }
:root .mt-60 { margin-top: 15rem; }
:root .mt-64 { margin-top: 16rem; }
:root .mt-72 { margin-top: 18rem; }
:root .mt-80 { margin-top: 20rem; }
:root .mt-96 { margin-top: 24rem; }
:root .mt-xs { margin-top: var(--spectra-space-xs); }
:root .mt-sm { margin-top: var(--spectra-space-sm); }
:root .mt-md { margin-top: var(--spectra-space-md); }
:root .mt-lg { margin-top: var(--spectra-space-lg); }
:root .mt-xl { margin-top: var(--spectra-space-xl); }
:root .mt-2xl { margin-top: var(--spectra-space-2xl); }
:root .mr-0 { margin-right: 0; }
:root .mr-px { margin-right: 1px; }
:root .mr-0\.5 { margin-right: 0.125rem; }
:root .mr-1 { margin-right: 0.25rem; }
:root .mr-1\.5 { margin-right: 0.375rem; }
:root .mr-2 { margin-right: 0.5rem; }
:root .mr-2\.5 { margin-right: 0.625rem; }
:root .mr-3 { margin-right: 0.75rem; }
:root .mr-3\.5 { margin-right: 0.875rem; }
:root .mr-4 { margin-right: 1rem; }
:root .mr-5 { margin-right: 1.25rem; }
:root .mr-6 { margin-right: 1.5rem; }
:root .mr-7 { margin-right: 1.75rem; }
:root .mr-8 { margin-right: 2rem; }
:root .mr-9 { margin-right: 2.25rem; }
:root .mr-10 { margin-right: 2.5rem; }
:root .mr-11 { margin-right: 2.75rem; }
:root .mr-12 { margin-right: 3rem; }
:root .mr-14 { margin-right: 3.5rem; }
:root .mr-16 { margin-right: 4rem; }
:root .mr-20 { margin-right: 5rem; }
:root .mr-24 { margin-right: 6rem; }
:root .mr-28 { margin-right: 7rem; }
:root .mr-32 { margin-right: 8rem; }
:root .mr-36 { margin-right: 9rem; }
:root .mr-40 { margin-right: 10rem; }
:root .mr-44 { margin-right: 11rem; }
:root .mr-48 { margin-right: 12rem; }
:root .mr-52 { margin-right: 13rem; }
:root .mr-56 { margin-right: 14rem; }
:root .mr-60 { margin-right: 15rem; }
:root .mr-64 { margin-right: 16rem; }
:root .mr-72 { margin-right: 18rem; }
:root .mr-80 { margin-right: 20rem; }
:root .mr-96 { margin-right: 24rem; }
:root .mr-xs { margin-right: var(--spectra-space-xs); }
:root .mr-sm { margin-right: var(--spectra-space-sm); }
:root .mr-md { margin-right: var(--spectra-space-md); }
:root .mr-lg { margin-right: var(--spectra-space-lg); }
:root .mr-xl { margin-right: var(--spectra-space-xl); }
:root .mr-2xl { margin-right: var(--spectra-space-2xl); }
:root .mb-0 { margin-bottom: 0; }
:root .mb-px { margin-bottom: 1px; }
:root .mb-0\.5 { margin-bottom: 0.125rem; }
:root .mb-1 { margin-bottom: 0.25rem; }
:root .mb-1\.5 { margin-bottom: 0.375rem; }
:root .mb-2 { margin-bottom: 0.5rem; }
:root .mb-2\.5 { margin-bottom: 0.625rem; }
:root .mb-3 { margin-bottom: 0.75rem; }
:root .mb-3\.5 { margin-bottom: 0.875rem; }
:root .mb-4 { margin-bottom: 1rem; }
:root .mb-5 { margin-bottom: 1.25rem; }
:root .mb-6 { margin-bottom: 1.5rem; }
:root .mb-7 { margin-bottom: 1.75rem; }
:root .mb-8 { margin-bottom: 2rem; }
:root .mb-9 { margin-bottom: 2.25rem; }
:root .mb-10 { margin-bottom: 2.5rem; }
:root .mb-11 { margin-bottom: 2.75rem; }
:root .mb-12 { margin-bottom: 3rem; }
:root .mb-14 { margin-bottom: 3.5rem; }
:root .mb-16 { margin-bottom: 4rem; }
:root .mb-20 { margin-bottom: 5rem; }
:root .mb-24 { margin-bottom: 6rem; }
:root .mb-28 { margin-bottom: 7rem; }
:root .mb-32 { margin-bottom: 8rem; }
:root .mb-36 { margin-bottom: 9rem; }
:root .mb-40 { margin-bottom: 10rem; }
:root .mb-44 { margin-bottom: 11rem; }
:root .mb-48 { margin-bottom: 12rem; }
:root .mb-52 { margin-bottom: 13rem; }
:root .mb-56 { margin-bottom: 14rem; }
:root .mb-60 { margin-bottom: 15rem; }
:root .mb-64 { margin-bottom: 16rem; }
:root .mb-72 { margin-bottom: 18rem; }
:root .mb-80 { margin-bottom: 20rem; }
:root .mb-96 { margin-bottom: 24rem; }
:root .mb-xs { margin-bottom: var(--spectra-space-xs); }
:root .mb-sm { margin-bottom: var(--spectra-space-sm); }
:root .mb-md { margin-bottom: var(--spectra-space-md); }
:root .mb-lg { margin-bottom: var(--spectra-space-lg); }
:root .mb-xl { margin-bottom: var(--spectra-space-xl); }
:root .mb-2xl { margin-bottom: var(--spectra-space-2xl); }
:root .ml-0 { margin-left: 0; }
:root .ml-px { margin-left: 1px; }
:root .ml-0\.5 { margin-left: 0.125rem; }
:root .ml-1 { margin-left: 0.25rem; }
:root .ml-1\.5 { margin-left: 0.375rem; }
:root .ml-2 { margin-left: 0.5rem; }
:root .ml-2\.5 { margin-left: 0.625rem; }
:root .ml-3 { margin-left: 0.75rem; }
:root .ml-3\.5 { margin-left: 0.875rem; }
:root .ml-4 { margin-left: 1rem; }
:root .ml-5 { margin-left: 1.25rem; }
:root .ml-6 { margin-left: 1.5rem; }
:root .ml-7 { margin-left: 1.75rem; }
:root .ml-8 { margin-left: 2rem; }
:root .ml-9 { margin-left: 2.25rem; }
:root .ml-10 { margin-left: 2.5rem; }
:root .ml-11 { margin-left: 2.75rem; }
:root .ml-12 { margin-left: 3rem; }
:root .ml-14 { margin-left: 3.5rem; }
:root .ml-16 { margin-left: 4rem; }
:root .ml-20 { margin-left: 5rem; }
:root .ml-24 { margin-left: 6rem; }
:root .ml-28 { margin-left: 7rem; }
:root .ml-32 { margin-left: 8rem; }
:root .ml-36 { margin-left: 9rem; }
:root .ml-40 { margin-left: 10rem; }
:root .ml-44 { margin-left: 11rem; }
:root .ml-48 { margin-left: 12rem; }
:root .ml-52 { margin-left: 13rem; }
:root .ml-56 { margin-left: 14rem; }
:root .ml-60 { margin-left: 15rem; }
:root .ml-64 { margin-left: 16rem; }
:root .ml-72 { margin-left: 18rem; }
:root .ml-80 { margin-left: 20rem; }
:root .ml-96 { margin-left: 24rem; }
:root .ml-xs { margin-left: var(--spectra-space-xs); }
:root .ml-sm { margin-left: var(--spectra-space-sm); }
:root .ml-md { margin-left: var(--spectra-space-md); }
:root .ml-lg { margin-left: var(--spectra-space-lg); }
:root .ml-xl { margin-left: var(--spectra-space-xl); }
:root .ml-2xl { margin-left: var(--spectra-space-2xl); }
:root .mx-0 { margin-right: 0; margin-left: 0; }
:root .mx-px { margin-right: 1px; margin-left: 1px; }
:root .mx-0\.5 { margin-right: 0.125rem; margin-left: 0.125rem; }
:root .mx-1 { margin-right: 0.25rem; margin-left: 0.25rem; }
:root .mx-1\.5 { margin-right: 0.375rem; margin-left: 0.375rem; }
:root .mx-2 { margin-right: 0.5rem; margin-left: 0.5rem; }
:root .mx-2\.5 { margin-right: 0.625rem; margin-left: 0.625rem; }
:root .mx-3 { margin-right: 0.75rem; margin-left: 0.75rem; }
:root .mx-3\.5 { margin-right: 0.875rem; margin-left: 0.875rem; }
:root .mx-4 { margin-right: 1rem; margin-left: 1rem; }
:root .mx-5 { margin-right: 1.25rem; margin-left: 1.25rem; }
:root .mx-6 { margin-right: 1.5rem; margin-left: 1.5rem; }
:root .mx-7 { margin-right: 1.75rem; margin-left: 1.75rem; }
:root .mx-8 { margin-right: 2rem; margin-left: 2rem; }
:root .mx-9 { margin-right: 2.25rem; margin-left: 2.25rem; }
:root .mx-10 { margin-right: 2.5rem; margin-left: 2.5rem; }
:root .mx-11 { margin-right: 2.75rem; margin-left: 2.75rem; }
:root .mx-12 { margin-right: 3rem; margin-left: 3rem; }
:root .mx-14 { margin-right: 3.5rem; margin-left: 3.5rem; }
:root .mx-16 { margin-right: 4rem; margin-left: 4rem; }
:root .mx-20 { margin-right: 5rem; margin-left: 5rem; }
:root .mx-24 { margin-right: 6rem; margin-left: 6rem; }
:root .mx-28 { margin-right: 7rem; margin-left: 7rem; }
:root .mx-32 { margin-right: 8rem; margin-left: 8rem; }
:root .mx-36 { margin-right: 9rem; margin-left: 9rem; }
:root .mx-40 { margin-right: 10rem; margin-left: 10rem; }
:root .mx-44 { margin-right: 11rem; margin-left: 11rem; }
:root .mx-48 { margin-right: 12rem; margin-left: 12rem; }
:root .mx-52 { margin-right: 13rem; margin-left: 13rem; }
:root .mx-56 { margin-right: 14rem; margin-left: 14rem; }
:root .mx-60 { margin-right: 15rem; margin-left: 15rem; }
:root .mx-64 { margin-right: 16rem; margin-left: 16rem; }
:root .mx-72 { margin-right: 18rem; margin-left: 18rem; }
:root .mx-80 { margin-right: 20rem; margin-left: 20rem; }
:root .mx-96 { margin-right: 24rem; margin-left: 24rem; }
:root .mx-xs { margin-right: var(--spectra-space-xs); margin-left: var(--spectra-space-xs); }
:root .mx-sm { margin-right: var(--spectra-space-sm); margin-left: var(--spectra-space-sm); }
:root .mx-md { margin-right: var(--spectra-space-md); margin-left: var(--spectra-space-md); }
:root .mx-lg { margin-right: var(--spectra-space-lg); margin-left: var(--spectra-space-lg); }
:root .mx-xl { margin-right: var(--spectra-space-xl); margin-left: var(--spectra-space-xl); }
:root .mx-2xl { margin-right: var(--spectra-space-2xl); margin-left: var(--spectra-space-2xl); }
:root .my-0 { margin-top: 0; margin-bottom: 0; }
:root .my-px { margin-top: 1px; margin-bottom: 1px; }
:root .my-0\.5 { margin-top: 0.125rem; margin-bottom: 0.125rem; }
:root .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
:root .my-1\.5 { margin-top: 0.375rem; margin-bottom: 0.375rem; }
:root .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
:root .my-2\.5 { margin-top: 0.625rem; margin-bottom: 0.625rem; }
:root .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
:root .my-3\.5 { margin-top: 0.875rem; margin-bottom: 0.875rem; }
:root .my-4 { margin-top: 1rem; margin-bottom: 1rem; }
:root .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
:root .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
:root .my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; }
:root .my-8 { margin-top: 2rem; margin-bottom: 2rem; }
:root .my-9 { margin-top: 2.25rem; margin-bottom: 2.25rem; }
:root .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
:root .my-11 { margin-top: 2.75rem; margin-bottom: 2.75rem; }
:root .my-12 { margin-top: 3rem; margin-bottom: 3rem; }
:root .my-14 { margin-top: 3.5rem; margin-bottom: 3.5rem; }
:root .my-16 { margin-top: 4rem; margin-bottom: 4rem; }
:root .my-20 { margin-top: 5rem; margin-bottom: 5rem; }
:root .my-24 { margin-top: 6rem; margin-bottom: 6rem; }
:root .my-28 { margin-top: 7rem; margin-bottom: 7rem; }
:root .my-32 { margin-top: 8rem; margin-bottom: 8rem; }
:root .my-36 { margin-top: 9rem; margin-bottom: 9rem; }
:root .my-40 { margin-top: 10rem; margin-bottom: 10rem; }
:root .my-44 { margin-top: 11rem; margin-bottom: 11rem; }
:root .my-48 { margin-top: 12rem; margin-bottom: 12rem; }
:root .my-52 { margin-top: 13rem; margin-bottom: 13rem; }
:root .my-56 { margin-top: 14rem; margin-bottom: 14rem; }
:root .my-60 { margin-top: 15rem; margin-bottom: 15rem; }
:root .my-64 { margin-top: 16rem; margin-bottom: 16rem; }
:root .my-72 { margin-top: 18rem; margin-bottom: 18rem; }
:root .my-80 { margin-top: 20rem; margin-bottom: 20rem; }
:root .my-96 { margin-top: 24rem; margin-bottom: 24rem; }
:root .my-xs { margin-top: var(--spectra-space-xs); margin-bottom: var(--spectra-space-xs); }
:root .my-sm { margin-top: var(--spectra-space-sm); margin-bottom: var(--spectra-space-sm); }
:root .my-md { margin-top: var(--spectra-space-md); margin-bottom: var(--spectra-space-md); }
:root .my-lg { margin-top: var(--spectra-space-lg); margin-bottom: var(--spectra-space-lg); }
:root .my-xl { margin-top: var(--spectra-space-xl); margin-bottom: var(--spectra-space-xl); }
:root .my-2xl { margin-top: var(--spectra-space-2xl); margin-bottom: var(--spectra-space-2xl); }
:root .mx-auto { margin-right: auto; margin-left: auto; }
:root .my-auto { margin-top: auto; margin-bottom: auto; }
:root .ml-auto { margin-left: auto; }
:root .mr-auto { margin-right: auto; }
:root .gap-0 { gap: 0; }
:root .gap-px { gap: 1px; }
:root .gap-0\.5 { gap: 0.125rem; }
:root .gap-1 { gap: 0.25rem; }
:root .gap-1\.5 { gap: 0.375rem; }
:root .gap-2 { gap: 0.5rem; }
:root .gap-2\.5 { gap: 0.625rem; }
:root .gap-3 { gap: 0.75rem; }
:root .gap-3\.5 { gap: 0.875rem; }
:root .gap-4 { gap: 1rem; }
:root .gap-5 { gap: 1.25rem; }
:root .gap-6 { gap: 1.5rem; }
:root .gap-7 { gap: 1.75rem; }
:root .gap-8 { gap: 2rem; }
:root .gap-9 { gap: 2.25rem; }
:root .gap-10 { gap: 2.5rem; }
:root .gap-11 { gap: 2.75rem; }
:root .gap-12 { gap: 3rem; }
:root .gap-14 { gap: 3.5rem; }
:root .gap-16 { gap: 4rem; }
:root .gap-20 { gap: 5rem; }
:root .gap-24 { gap: 6rem; }
:root .gap-28 { gap: 7rem; }
:root .gap-32 { gap: 8rem; }
:root .gap-36 { gap: 9rem; }
:root .gap-40 { gap: 10rem; }
:root .gap-44 { gap: 11rem; }
:root .gap-48 { gap: 12rem; }
:root .gap-52 { gap: 13rem; }
:root .gap-56 { gap: 14rem; }
:root .gap-60 { gap: 15rem; }
:root .gap-64 { gap: 16rem; }
:root .gap-72 { gap: 18rem; }
:root .gap-80 { gap: 20rem; }
:root .gap-96 { gap: 24rem; }
:root .gap-xs { gap: var(--spectra-space-xs); }
:root .gap-sm { gap: var(--spectra-space-sm); }
:root .gap-md { gap: var(--spectra-space-md); }
:root .gap-lg { gap: var(--spectra-space-lg); }
:root .gap-xl { gap: var(--spectra-space-xl); }
:root .gap-2xl { gap: var(--spectra-space-2xl); }
:root .gap-x-0 { column-gap: 0; }
:root .gap-x-px { column-gap: 1px; }
:root .gap-x-0\.5 { column-gap: 0.125rem; }
:root .gap-x-1 { column-gap: 0.25rem; }
:root .gap-x-1\.5 { column-gap: 0.375rem; }
:root .gap-x-2 { column-gap: 0.5rem; }
:root .gap-x-2\.5 { column-gap: 0.625rem; }
:root .gap-x-3 { column-gap: 0.75rem; }
:root .gap-x-3\.5 { column-gap: 0.875rem; }
:root .gap-x-4 { column-gap: 1rem; }
:root .gap-x-5 { column-gap: 1.25rem; }
:root .gap-x-6 { column-gap: 1.5rem; }
:root .gap-x-7 { column-gap: 1.75rem; }
:root .gap-x-8 { column-gap: 2rem; }
:root .gap-x-9 { column-gap: 2.25rem; }
:root .gap-x-10 { column-gap: 2.5rem; }
:root .gap-x-11 { column-gap: 2.75rem; }
:root .gap-x-12 { column-gap: 3rem; }
:root .gap-x-14 { column-gap: 3.5rem; }
:root .gap-x-16 { column-gap: 4rem; }
:root .gap-x-20 { column-gap: 5rem; }
:root .gap-x-24 { column-gap: 6rem; }
:root .gap-x-28 { column-gap: 7rem; }
:root .gap-x-32 { column-gap: 8rem; }
:root .gap-x-36 { column-gap: 9rem; }
:root .gap-x-40 { column-gap: 10rem; }
:root .gap-x-44 { column-gap: 11rem; }
:root .gap-x-48 { column-gap: 12rem; }
:root .gap-x-52 { column-gap: 13rem; }
:root .gap-x-56 { column-gap: 14rem; }
:root .gap-x-60 { column-gap: 15rem; }
:root .gap-x-64 { column-gap: 16rem; }
:root .gap-x-72 { column-gap: 18rem; }
:root .gap-x-80 { column-gap: 20rem; }
:root .gap-x-96 { column-gap: 24rem; }
:root .gap-x-xs { column-gap: var(--spectra-space-xs); }
:root .gap-x-sm { column-gap: var(--spectra-space-sm); }
:root .gap-x-md { column-gap: var(--spectra-space-md); }
:root .gap-x-lg { column-gap: var(--spectra-space-lg); }
:root .gap-x-xl { column-gap: var(--spectra-space-xl); }
:root .gap-x-2xl { column-gap: var(--spectra-space-2xl); }
:root .gap-y-0 { row-gap: 0; }
:root .gap-y-px { row-gap: 1px; }
:root .gap-y-0\.5 { row-gap: 0.125rem; }
:root .gap-y-1 { row-gap: 0.25rem; }
:root .gap-y-1\.5 { row-gap: 0.375rem; }
:root .gap-y-2 { row-gap: 0.5rem; }
:root .gap-y-2\.5 { row-gap: 0.625rem; }
:root .gap-y-3 { row-gap: 0.75rem; }
:root .gap-y-3\.5 { row-gap: 0.875rem; }
:root .gap-y-4 { row-gap: 1rem; }
:root .gap-y-5 { row-gap: 1.25rem; }
:root .gap-y-6 { row-gap: 1.5rem; }
:root .gap-y-7 { row-gap: 1.75rem; }
:root .gap-y-8 { row-gap: 2rem; }
:root .gap-y-9 { row-gap: 2.25rem; }
:root .gap-y-10 { row-gap: 2.5rem; }
:root .gap-y-11 { row-gap: 2.75rem; }
:root .gap-y-12 { row-gap: 3rem; }
:root .gap-y-14 { row-gap: 3.5rem; }
:root .gap-y-16 { row-gap: 4rem; }
:root .gap-y-20 { row-gap: 5rem; }
:root .gap-y-24 { row-gap: 6rem; }
:root .gap-y-28 { row-gap: 7rem; }
:root .gap-y-32 { row-gap: 8rem; }
:root .gap-y-36 { row-gap: 9rem; }
:root .gap-y-40 { row-gap: 10rem; }
:root .gap-y-44 { row-gap: 11rem; }
:root .gap-y-48 { row-gap: 12rem; }
:root .gap-y-52 { row-gap: 13rem; }
:root .gap-y-56 { row-gap: 14rem; }
:root .gap-y-60 { row-gap: 15rem; }
:root .gap-y-64 { row-gap: 16rem; }
:root .gap-y-72 { row-gap: 18rem; }
:root .gap-y-80 { row-gap: 20rem; }
:root .gap-y-96 { row-gap: 24rem; }
:root .gap-y-xs { row-gap: var(--spectra-space-xs); }
:root .gap-y-sm { row-gap: var(--spectra-space-sm); }
:root .gap-y-md { row-gap: var(--spectra-space-md); }
:root .gap-y-lg { row-gap: var(--spectra-space-lg); }
:root .gap-y-xl { row-gap: var(--spectra-space-xl); }
:root .gap-y-2xl { row-gap: var(--spectra-space-2xl); }
:root .text-heading-1 { font-size: var(--spectra-heading-1); }
:root .text-heading-2 { font-size: var(--spectra-heading-2); }
:root .text-heading-3 { font-size: var(--spectra-heading-3); }
:root .text-heading-4 { font-size: var(--spectra-heading-4); }
:root .text-heading-5 { font-size: var(--spectra-heading-5); }
:root .text-heading-6 { font-size: var(--spectra-heading-6); }
:root .text-xs { font-size: var(--spectra-text-xs, 0.75rem); line-height: 1rem; }
:root .text-sm { font-size: var(--spectra-text-sm, 0.875rem); line-height: 1.25rem; }
:root .text-base { font-size: var(--spectra-text-md, 1rem); line-height: 1.5rem; }
:root .text-lg { font-size: var(--spectra-text-lg, 1.125rem); line-height: 1.75rem; }
:root .text-xl { font-size: var(--spectra-text-xl, 1.25rem); line-height: 1.75rem; }
:root .text-2xl { font-size: var(--spectra-text-2xl, 1.5rem); line-height: 2rem; }
/*# sourceURL=spectra-gs-utility-classes-inline-css */
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--ast-global-color-0: var(--ast-global-color-0);--wp--preset--color--ast-global-color-1: var(--ast-global-color-1);--wp--preset--color--ast-global-color-2: var(--ast-global-color-2);--wp--preset--color--ast-global-color-3: var(--ast-global-color-3);--wp--preset--color--ast-global-color-4: var(--ast-global-color-4);--wp--preset--color--ast-global-color-5: var(--ast-global-color-5);--wp--preset--color--ast-global-color-6: var(--ast-global-color-6);--wp--preset--color--ast-global-color-7: var(--ast-global-color-7);--wp--preset--color--ast-global-color-8: var(--ast-global-color-8);--wp--preset--color--primary: #6431f6;--wp--preset--color--secondary: #887efd;--wp--preset--color--tertiary: #e3e5ff;--wp--preset--color--quaternary: #e6e6ff;--wp--preset--color--heading: #09081b;--wp--preset--color--body: #464757;--wp--preset--color--background: #ffffff;--wp--preset--color--foreground: #6431f6;--wp--preset--color--surface: #f0f1f1;--wp--preset--color--outline: #d4d5d8;--wp--preset--color--neutral: #767884;--wp--preset--color--accent: #f59e0b;--wp--preset--color--success: #10b981;--wp--preset--color--error: #ef4444;--wp--preset--color--info: #8b5cf6;--wp--preset--color--warning: #d97706;--wp--preset--color--sg-accent: #6431f6;--wp--preset--color--sg-secondary: #887efd;--wp--preset--color--sg-heading: #09081b;--wp--preset--color--sg-body: #464757;--wp--preset--color--sg-surface: #f0f1f1;--wp--preset--color--sg-background: #ffffff;--wp--preset--color--sg-border: #d4d5d8;--wp--preset--color--sg-neutral: #1b1c2e;--wp--preset--color--sg-muted: #767884;--wp--preset--color--spectra-neutral-0: #ffffff;--wp--preset--color--spectra-neutral-1: #f0f1f1;--wp--preset--color--spectra-neutral-2: #d4d5d8;--wp--preset--color--spectra-neutral-3: #abacb3;--wp--preset--color--spectra-neutral-4: #767884;--wp--preset--color--spectra-neutral-5: #464757;--wp--preset--color--spectra-neutral-6: #1b1c2e;--wp--preset--color--spectra-neutral-7: #09081b;--wp--preset--color--spectra-chromatic-1-1: #f5f6fe;--wp--preset--color--spectra-chromatic-1-2: #e3e5ff;--wp--preset--color--spectra-chromatic-1-3: #c8caff;--wp--preset--color--spectra-chromatic-1-4: #a7a5ff;--wp--preset--color--spectra-chromatic-1-5: #887efd;--wp--preset--color--spectra-chromatic-1-6: #6e51f9;--wp--preset--color--spectra-chromatic-1-7: #6431f6;--wp--preset--color--spectra-chromatic-1-8: #5a2cdd;--wp--preset--color--spectra-chromatic-1-9: #4622ac;--wp--preset--color--spectra-chromatic-1-10: #32197b;--wp--preset--color--spectra-chromatic-1-11: #1e0f4a;--wp--preset--color--spectra-chromatic-2-1: #f7f7fe;--wp--preset--color--spectra-chromatic-2-2: #e6e6ff;--wp--preset--color--spectra-chromatic-2-3: #cfcdff;--wp--preset--color--spectra-chromatic-2-4: #b1aaff;--wp--preset--color--spectra-chromatic-2-5: #9686fd;--wp--preset--color--spectra-chromatic-2-6: #7d5ef9;--wp--preset--color--spectra-chromatic-2-7: #7345f7;--wp--preset--color--spectra-chromatic-2-8: #683ede;--wp--preset--color--spectra-chromatic-2-9: #5130ad;--wp--preset--color--spectra-chromatic-2-10: #3a237c;--wp--preset--color--spectra-chromatic-2-11: #23154a;--wp--preset--color--spectra-chromatic-3-1: #fffbf4;--wp--preset--color--spectra-chromatic-3-2: #fff1e1;--wp--preset--color--spectra-chromatic-3-3: #fee3c3;--wp--preset--color--spectra-chromatic-3-4: #fcd09c;--wp--preset--color--spectra-chromatic-3-5: #fabd71;--wp--preset--color--spectra-chromatic-3-6: #f7a83d;--wp--preset--color--spectra-chromatic-3-7: #f59e0b;--wp--preset--color--spectra-chromatic-3-8: #dd8e0a;--wp--preset--color--spectra-chromatic-3-9: #ac6f08;--wp--preset--color--spectra-chromatic-3-10: #7b4f06;--wp--preset--color--spectra-chromatic-3-11: #4a2f03;--wp--preset--color--spectra-chromatic-4-1: #f6fcf7;--wp--preset--color--spectra-chromatic-4-2: #e3f5ea;--wp--preset--color--spectra-chromatic-4-3: #c7ebd7;--wp--preset--color--spectra-chromatic-4-4: #a1ddbe;--wp--preset--color--spectra-chromatic-4-5: #77cfa5;--wp--preset--color--spectra-chromatic-4-6: #43c08d;--wp--preset--color--spectra-chromatic-4-7: #10b981;--wp--preset--color--spectra-chromatic-4-8: #0ea774;--wp--preset--color--spectra-chromatic-4-9: #0b825a;--wp--preset--color--spectra-chromatic-4-10: #085d41;--wp--preset--color--spectra-chromatic-4-11: #053827;--wp--preset--color--spectra-chromatic-5-1: #fff7f5;--wp--preset--color--spectra-chromatic-5-2: #ffe7e3;--wp--preset--color--spectra-chromatic-5-3: #ffcdc8;--wp--preset--color--spectra-chromatic-5-4: #ffaaa2;--wp--preset--color--spectra-chromatic-5-5: #fb857d;--wp--preset--color--spectra-chromatic-5-6: #f45c58;--wp--preset--color--spectra-chromatic-5-7: #ef4444;--wp--preset--color--spectra-chromatic-5-8: #d73d3d;--wp--preset--color--spectra-chromatic-5-9: #a73030;--wp--preset--color--spectra-chromatic-5-10: #782222;--wp--preset--color--spectra-chromatic-5-11: #481414;--wp--preset--color--spectra-chromatic-6-1: #f8f8fe;--wp--preset--color--spectra-chromatic-6-2: #ebe8fe;--wp--preset--color--spectra-chromatic-6-3: #d8d1ff;--wp--preset--color--spectra-chromatic-6-4: #c0b2fd;--wp--preset--color--spectra-chromatic-6-5: #aa92fb;--wp--preset--color--spectra-chromatic-6-6: #956ff8;--wp--preset--color--spectra-chromatic-6-7: #8b5cf6;--wp--preset--color--spectra-chromatic-6-8: #7d53dd;--wp--preset--color--spectra-chromatic-6-9: #6140ac;--wp--preset--color--spectra-chromatic-6-10: #462e7b;--wp--preset--color--spectra-chromatic-6-11: #2a1c4a;--wp--preset--color--spectra-chromatic-7-1: #fef9f3;--wp--preset--color--spectra-chromatic-7-2: #fbebde;--wp--preset--color--spectra-chromatic-7-3: #f7d7be;--wp--preset--color--spectra-chromatic-7-4: #f0bc94;--wp--preset--color--spectra-chromatic-7-5: #e7a169;--wp--preset--color--spectra-chromatic-7-6: #de8536;--wp--preset--color--spectra-chromatic-7-7: #d97706;--wp--preset--color--spectra-chromatic-7-8: #c36b05;--wp--preset--color--spectra-chromatic-7-9: #985304;--wp--preset--color--spectra-chromatic-7-10: #6d3c03;--wp--preset--color--spectra-chromatic-7-11: #412402;--wp--preset--color--spectra-white: #ffffff;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--cardo: Cardo;--wp--preset--font-family--inter: "Inter", sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: var(--wp--custom--ast-content-width-size);--wp--style--global--wide-size: var(--wp--custom--ast-wide-width-size); }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: none;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-ast-global-color-0-color{color: var(--wp--preset--color--ast-global-color-0) !important;}.has-ast-global-color-1-color{color: var(--wp--preset--color--ast-global-color-1) !important;}.has-ast-global-color-2-color{color: var(--wp--preset--color--ast-global-color-2) !important;}.has-ast-global-color-3-color{color: var(--wp--preset--color--ast-global-color-3) !important;}.has-ast-global-color-4-color{color: var(--wp--preset--color--ast-global-color-4) !important;}.has-ast-global-color-5-color{color: var(--wp--preset--color--ast-global-color-5) !important;}.has-ast-global-color-6-color{color: var(--wp--preset--color--ast-global-color-6) !important;}.has-ast-global-color-7-color{color: var(--wp--preset--color--ast-global-color-7) !important;}.has-ast-global-color-8-color{color: var(--wp--preset--color--ast-global-color-8) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-tertiary-color{color: var(--wp--preset--color--tertiary) !important;}.has-quaternary-color{color: var(--wp--preset--color--quaternary) !important;}.has-heading-color{color: var(--wp--preset--color--heading) !important;}.has-body-color{color: var(--wp--preset--color--body) !important;}.has-background-color{color: var(--wp--preset--color--background) !important;}.has-foreground-color{color: var(--wp--preset--color--foreground) !important;}.has-surface-color{color: var(--wp--preset--color--surface) !important;}.has-outline-color{color: var(--wp--preset--color--outline) !important;}.has-neutral-color{color: var(--wp--preset--color--neutral) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-success-color{color: var(--wp--preset--color--success) !important;}.has-error-color{color: var(--wp--preset--color--error) !important;}.has-info-color{color: var(--wp--preset--color--info) !important;}.has-warning-color{color: var(--wp--preset--color--warning) !important;}.has-sg-accent-color{color: var(--wp--preset--color--sg-accent) !important;}.has-sg-secondary-color{color: var(--wp--preset--color--sg-secondary) !important;}.has-sg-heading-color{color: var(--wp--preset--color--sg-heading) !important;}.has-sg-body-color{color: var(--wp--preset--color--sg-body) !important;}.has-sg-surface-color{color: var(--wp--preset--color--sg-surface) !important;}.has-sg-background-color{color: var(--wp--preset--color--sg-background) !important;}.has-sg-border-color{color: var(--wp--preset--color--sg-border) !important;}.has-sg-neutral-color{color: var(--wp--preset--color--sg-neutral) !important;}.has-sg-muted-color{color: var(--wp--preset--color--sg-muted) !important;}.has-spectra-neutral-0-color{color: var(--wp--preset--color--spectra-neutral-0) !important;}.has-spectra-neutral-1-color{color: var(--wp--preset--color--spectra-neutral-1) !important;}.has-spectra-neutral-2-color{color: var(--wp--preset--color--spectra-neutral-2) !important;}.has-spectra-neutral-3-color{color: var(--wp--preset--color--spectra-neutral-3) !important;}.has-spectra-neutral-4-color{color: var(--wp--preset--color--spectra-neutral-4) !important;}.has-spectra-neutral-5-color{color: var(--wp--preset--color--spectra-neutral-5) !important;}.has-spectra-neutral-6-color{color: var(--wp--preset--color--spectra-neutral-6) !important;}.has-spectra-neutral-7-color{color: var(--wp--preset--color--spectra-neutral-7) !important;}.has-spectra-chromatic-1-1-color{color: var(--wp--preset--color--spectra-chromatic-1-1) !important;}.has-spectra-chromatic-1-2-color{color: var(--wp--preset--color--spectra-chromatic-1-2) !important;}.has-spectra-chromatic-1-3-color{color: var(--wp--preset--color--spectra-chromatic-1-3) !important;}.has-spectra-chromatic-1-4-color{color: var(--wp--preset--color--spectra-chromatic-1-4) !important;}.has-spectra-chromatic-1-5-color{color: var(--wp--preset--color--spectra-chromatic-1-5) !important;}.has-spectra-chromatic-1-6-color{color: var(--wp--preset--color--spectra-chromatic-1-6) !important;}.has-spectra-chromatic-1-7-color{color: var(--wp--preset--color--spectra-chromatic-1-7) !important;}.has-spectra-chromatic-1-8-color{color: var(--wp--preset--color--spectra-chromatic-1-8) !important;}.has-spectra-chromatic-1-9-color{color: var(--wp--preset--color--spectra-chromatic-1-9) !important;}.has-spectra-chromatic-1-10-color{color: var(--wp--preset--color--spectra-chromatic-1-10) !important;}.has-spectra-chromatic-1-11-color{color: var(--wp--preset--color--spectra-chromatic-1-11) !important;}.has-spectra-chromatic-2-1-color{color: var(--wp--preset--color--spectra-chromatic-2-1) !important;}.has-spectra-chromatic-2-2-color{color: var(--wp--preset--color--spectra-chromatic-2-2) !important;}.has-spectra-chromatic-2-3-color{color: var(--wp--preset--color--spectra-chromatic-2-3) !important;}.has-spectra-chromatic-2-4-color{color: var(--wp--preset--color--spectra-chromatic-2-4) !important;}.has-spectra-chromatic-2-5-color{color: var(--wp--preset--color--spectra-chromatic-2-5) !important;}.has-spectra-chromatic-2-6-color{color: var(--wp--preset--color--spectra-chromatic-2-6) !important;}.has-spectra-chromatic-2-7-color{color: var(--wp--preset--color--spectra-chromatic-2-7) !important;}.has-spectra-chromatic-2-8-color{color: var(--wp--preset--color--spectra-chromatic-2-8) !important;}.has-spectra-chromatic-2-9-color{color: var(--wp--preset--color--spectra-chromatic-2-9) !important;}.has-spectra-chromatic-2-10-color{color: var(--wp--preset--color--spectra-chromatic-2-10) !important;}.has-spectra-chromatic-2-11-color{color: var(--wp--preset--color--spectra-chromatic-2-11) !important;}.has-spectra-chromatic-3-1-color{color: var(--wp--preset--color--spectra-chromatic-3-1) !important;}.has-spectra-chromatic-3-2-color{color: var(--wp--preset--color--spectra-chromatic-3-2) !important;}.has-spectra-chromatic-3-3-color{color: var(--wp--preset--color--spectra-chromatic-3-3) !important;}.has-spectra-chromatic-3-4-color{color: var(--wp--preset--color--spectra-chromatic-3-4) !important;}.has-spectra-chromatic-3-5-color{color: var(--wp--preset--color--spectra-chromatic-3-5) !important;}.has-spectra-chromatic-3-6-color{color: var(--wp--preset--color--spectra-chromatic-3-6) !important;}.has-spectra-chromatic-3-7-color{color: var(--wp--preset--color--spectra-chromatic-3-7) !important;}.has-spectra-chromatic-3-8-color{color: var(--wp--preset--color--spectra-chromatic-3-8) !important;}.has-spectra-chromatic-3-9-color{color: var(--wp--preset--color--spectra-chromatic-3-9) !important;}.has-spectra-chromatic-3-10-color{color: var(--wp--preset--color--spectra-chromatic-3-10) !important;}.has-spectra-chromatic-3-11-color{color: var(--wp--preset--color--spectra-chromatic-3-11) !important;}.has-spectra-chromatic-4-1-color{color: var(--wp--preset--color--spectra-chromatic-4-1) !important;}.has-spectra-chromatic-4-2-color{color: var(--wp--preset--color--spectra-chromatic-4-2) !important;}.has-spectra-chromatic-4-3-color{color: var(--wp--preset--color--spectra-chromatic-4-3) !important;}.has-spectra-chromatic-4-4-color{color: var(--wp--preset--color--spectra-chromatic-4-4) !important;}.has-spectra-chromatic-4-5-color{color: var(--wp--preset--color--spectra-chromatic-4-5) !important;}.has-spectra-chromatic-4-6-color{color: var(--wp--preset--color--spectra-chromatic-4-6) !important;}.has-spectra-chromatic-4-7-color{color: var(--wp--preset--color--spectra-chromatic-4-7) !important;}.has-spectra-chromatic-4-8-color{color: var(--wp--preset--color--spectra-chromatic-4-8) !important;}.has-spectra-chromatic-4-9-color{color: var(--wp--preset--color--spectra-chromatic-4-9) !important;}.has-spectra-chromatic-4-10-color{color: var(--wp--preset--color--spectra-chromatic-4-10) !important;}.has-spectra-chromatic-4-11-color{color: var(--wp--preset--color--spectra-chromatic-4-11) !important;}.has-spectra-chromatic-5-1-color{color: var(--wp--preset--color--spectra-chromatic-5-1) !important;}.has-spectra-chromatic-5-2-color{color: var(--wp--preset--color--spectra-chromatic-5-2) !important;}.has-spectra-chromatic-5-3-color{color: var(--wp--preset--color--spectra-chromatic-5-3) !important;}.has-spectra-chromatic-5-4-color{color: var(--wp--preset--color--spectra-chromatic-5-4) !important;}.has-spectra-chromatic-5-5-color{color: var(--wp--preset--color--spectra-chromatic-5-5) !important;}.has-spectra-chromatic-5-6-color{color: var(--wp--preset--color--spectra-chromatic-5-6) !important;}.has-spectra-chromatic-5-7-color{color: var(--wp--preset--color--spectra-chromatic-5-7) !important;}.has-spectra-chromatic-5-8-color{color: var(--wp--preset--color--spectra-chromatic-5-8) !important;}.has-spectra-chromatic-5-9-color{color: var(--wp--preset--color--spectra-chromatic-5-9) !important;}.has-spectra-chromatic-5-10-color{color: var(--wp--preset--color--spectra-chromatic-5-10) !important;}.has-spectra-chromatic-5-11-color{color: var(--wp--preset--color--spectra-chromatic-5-11) !important;}.has-spectra-chromatic-6-1-color{color: var(--wp--preset--color--spectra-chromatic-6-1) !important;}.has-spectra-chromatic-6-2-color{color: var(--wp--preset--color--spectra-chromatic-6-2) !important;}.has-spectra-chromatic-6-3-color{color: var(--wp--preset--color--spectra-chromatic-6-3) !important;}.has-spectra-chromatic-6-4-color{color: var(--wp--preset--color--spectra-chromatic-6-4) !important;}.has-spectra-chromatic-6-5-color{color: var(--wp--preset--color--spectra-chromatic-6-5) !important;}.has-spectra-chromatic-6-6-color{color: var(--wp--preset--color--spectra-chromatic-6-6) !important;}.has-spectra-chromatic-6-7-color{color: var(--wp--preset--color--spectra-chromatic-6-7) !important;}.has-spectra-chromatic-6-8-color{color: var(--wp--preset--color--spectra-chromatic-6-8) !important;}.has-spectra-chromatic-6-9-color{color: var(--wp--preset--color--spectra-chromatic-6-9) !important;}.has-spectra-chromatic-6-10-color{color: var(--wp--preset--color--spectra-chromatic-6-10) !important;}.has-spectra-chromatic-6-11-color{color: var(--wp--preset--color--spectra-chromatic-6-11) !important;}.has-spectra-chromatic-7-1-color{color: var(--wp--preset--color--spectra-chromatic-7-1) !important;}.has-spectra-chromatic-7-2-color{color: var(--wp--preset--color--spectra-chromatic-7-2) !important;}.has-spectra-chromatic-7-3-color{color: var(--wp--preset--color--spectra-chromatic-7-3) !important;}.has-spectra-chromatic-7-4-color{color: var(--wp--preset--color--spectra-chromatic-7-4) !important;}.has-spectra-chromatic-7-5-color{color: var(--wp--preset--color--spectra-chromatic-7-5) !important;}.has-spectra-chromatic-7-6-color{color: var(--wp--preset--color--spectra-chromatic-7-6) !important;}.has-spectra-chromatic-7-7-color{color: var(--wp--preset--color--spectra-chromatic-7-7) !important;}.has-spectra-chromatic-7-8-color{color: var(--wp--preset--color--spectra-chromatic-7-8) !important;}.has-spectra-chromatic-7-9-color{color: var(--wp--preset--color--spectra-chromatic-7-9) !important;}.has-spectra-chromatic-7-10-color{color: var(--wp--preset--color--spectra-chromatic-7-10) !important;}.has-spectra-chromatic-7-11-color{color: var(--wp--preset--color--spectra-chromatic-7-11) !important;}.has-spectra-white-color{color: var(--wp--preset--color--spectra-white) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-ast-global-color-0-background-color{background-color: var(--wp--preset--color--ast-global-color-0) !important;}.has-ast-global-color-1-background-color{background-color: var(--wp--preset--color--ast-global-color-1) !important;}.has-ast-global-color-2-background-color{background-color: var(--wp--preset--color--ast-global-color-2) !important;}.has-ast-global-color-3-background-color{background-color: var(--wp--preset--color--ast-global-color-3) !important;}.has-ast-global-color-4-background-color{background-color: var(--wp--preset--color--ast-global-color-4) !important;}.has-ast-global-color-5-background-color{background-color: var(--wp--preset--color--ast-global-color-5) !important;}.has-ast-global-color-6-background-color{background-color: var(--wp--preset--color--ast-global-color-6) !important;}.has-ast-global-color-7-background-color{background-color: var(--wp--preset--color--ast-global-color-7) !important;}.has-ast-global-color-8-background-color{background-color: var(--wp--preset--color--ast-global-color-8) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-background-color{background-color: var(--wp--preset--color--tertiary) !important;}.has-quaternary-background-color{background-color: var(--wp--preset--color--quaternary) !important;}.has-heading-background-color{background-color: var(--wp--preset--color--heading) !important;}.has-body-background-color{background-color: var(--wp--preset--color--body) !important;}.has-background-background-color{background-color: var(--wp--preset--color--background) !important;}.has-foreground-background-color{background-color: var(--wp--preset--color--foreground) !important;}.has-surface-background-color{background-color: var(--wp--preset--color--surface) !important;}.has-outline-background-color{background-color: var(--wp--preset--color--outline) !important;}.has-neutral-background-color{background-color: var(--wp--preset--color--neutral) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-success-background-color{background-color: var(--wp--preset--color--success) !important;}.has-error-background-color{background-color: var(--wp--preset--color--error) !important;}.has-info-background-color{background-color: var(--wp--preset--color--info) !important;}.has-warning-background-color{background-color: var(--wp--preset--color--warning) !important;}.has-sg-accent-background-color{background-color: var(--wp--preset--color--sg-accent) !important;}.has-sg-secondary-background-color{background-color: var(--wp--preset--color--sg-secondary) !important;}.has-sg-heading-background-color{background-color: var(--wp--preset--color--sg-heading) !important;}.has-sg-body-background-color{background-color: var(--wp--preset--color--sg-body) !important;}.has-sg-surface-background-color{background-color: var(--wp--preset--color--sg-surface) !important;}.has-sg-background-background-color{background-color: var(--wp--preset--color--sg-background) !important;}.has-sg-border-background-color{background-color: var(--wp--preset--color--sg-border) !important;}.has-sg-neutral-background-color{background-color: var(--wp--preset--color--sg-neutral) !important;}.has-sg-muted-background-color{background-color: var(--wp--preset--color--sg-muted) !important;}.has-spectra-neutral-0-background-color{background-color: var(--wp--preset--color--spectra-neutral-0) !important;}.has-spectra-neutral-1-background-color{background-color: var(--wp--preset--color--spectra-neutral-1) !important;}.has-spectra-neutral-2-background-color{background-color: var(--wp--preset--color--spectra-neutral-2) !important;}.has-spectra-neutral-3-background-color{background-color: var(--wp--preset--color--spectra-neutral-3) !important;}.has-spectra-neutral-4-background-color{background-color: var(--wp--preset--color--spectra-neutral-4) !important;}.has-spectra-neutral-5-background-color{background-color: var(--wp--preset--color--spectra-neutral-5) !important;}.has-spectra-neutral-6-background-color{background-color: var(--wp--preset--color--spectra-neutral-6) !important;}.has-spectra-neutral-7-background-color{background-color: var(--wp--preset--color--spectra-neutral-7) !important;}.has-spectra-chromatic-1-1-background-color{background-color: var(--wp--preset--color--spectra-chromatic-1-1) !important;}.has-spectra-chromatic-1-2-background-color{background-color: var(--wp--preset--color--spectra-chromatic-1-2) !important;}.has-spectra-chromatic-1-3-background-color{background-color: var(--wp--preset--color--spectra-chromatic-1-3) !important;}.has-spectra-chromatic-1-4-background-color{background-color: var(--wp--preset--color--spectra-chromatic-1-4) !important;}.has-spectra-chromatic-1-5-background-color{background-color: var(--wp--preset--color--spectra-chromatic-1-5) !important;}.has-spectra-chromatic-1-6-background-color{background-color: var(--wp--preset--color--spectra-chromatic-1-6) !important;}.has-spectra-chromatic-1-7-background-color{background-color: var(--wp--preset--color--spectra-chromatic-1-7) !important;}.has-spectra-chromatic-1-8-background-color{background-color: var(--wp--preset--color--spectra-chromatic-1-8) !important;}.has-spectra-chromatic-1-9-background-color{background-color: var(--wp--preset--color--spectra-chromatic-1-9) !important;}.has-spectra-chromatic-1-10-background-color{background-color: var(--wp--preset--color--spectra-chromatic-1-10) !important;}.has-spectra-chromatic-1-11-background-color{background-color: var(--wp--preset--color--spectra-chromatic-1-11) !important;}.has-spectra-chromatic-2-1-background-color{background-color: var(--wp--preset--color--spectra-chromatic-2-1) !important;}.has-spectra-chromatic-2-2-background-color{background-color: var(--wp--preset--color--spectra-chromatic-2-2) !important;}.has-spectra-chromatic-2-3-background-color{background-color: var(--wp--preset--color--spectra-chromatic-2-3) !important;}.has-spectra-chromatic-2-4-background-color{background-color: var(--wp--preset--color--spectra-chromatic-2-4) !important;}.has-spectra-chromatic-2-5-background-color{background-color: var(--wp--preset--color--spectra-chromatic-2-5) !important;}.has-spectra-chromatic-2-6-background-color{background-color: var(--wp--preset--color--spectra-chromatic-2-6) !important;}.has-spectra-chromatic-2-7-background-color{background-color: var(--wp--preset--color--spectra-chromatic-2-7) !important;}.has-spectra-chromatic-2-8-background-color{background-color: var(--wp--preset--color--spectra-chromatic-2-8) !important;}.has-spectra-chromatic-2-9-background-color{background-color: var(--wp--preset--color--spectra-chromatic-2-9) !important;}.has-spectra-chromatic-2-10-background-color{background-color: var(--wp--preset--color--spectra-chromatic-2-10) !important;}.has-spectra-chromatic-2-11-background-color{background-color: var(--wp--preset--color--spectra-chromatic-2-11) !important;}.has-spectra-chromatic-3-1-background-color{background-color: var(--wp--preset--color--spectra-chromatic-3-1) !important;}.has-spectra-chromatic-3-2-background-color{background-color: var(--wp--preset--color--spectra-chromatic-3-2) !important;}.has-spectra-chromatic-3-3-background-color{background-color: var(--wp--preset--color--spectra-chromatic-3-3) !important;}.has-spectra-chromatic-3-4-background-color{background-color: var(--wp--preset--color--spectra-chromatic-3-4) !important;}.has-spectra-chromatic-3-5-background-color{background-color: var(--wp--preset--color--spectra-chromatic-3-5) !important;}.has-spectra-chromatic-3-6-background-color{background-color: var(--wp--preset--color--spectra-chromatic-3-6) !important;}.has-spectra-chromatic-3-7-background-color{background-color: var(--wp--preset--color--spectra-chromatic-3-7) !important;}.has-spectra-chromatic-3-8-background-color{background-color: var(--wp--preset--color--spectra-chromatic-3-8) !important;}.has-spectra-chromatic-3-9-background-color{background-color: var(--wp--preset--color--spectra-chromatic-3-9) !important;}.has-spectra-chromatic-3-10-background-color{background-color: var(--wp--preset--color--spectra-chromatic-3-10) !important;}.has-spectra-chromatic-3-11-background-color{background-color: var(--wp--preset--color--spectra-chromatic-3-11) !important;}.has-spectra-chromatic-4-1-background-color{background-color: var(--wp--preset--color--spectra-chromatic-4-1) !important;}.has-spectra-chromatic-4-2-background-color{background-color: var(--wp--preset--color--spectra-chromatic-4-2) !important;}.has-spectra-chromatic-4-3-background-color{background-color: var(--wp--preset--color--spectra-chromatic-4-3) !important;}.has-spectra-chromatic-4-4-background-color{background-color: var(--wp--preset--color--spectra-chromatic-4-4) !important;}.has-spectra-chromatic-4-5-background-color{background-color: var(--wp--preset--color--spectra-chromatic-4-5) !important;}.has-spectra-chromatic-4-6-background-color{background-color: var(--wp--preset--color--spectra-chromatic-4-6) !important;}.has-spectra-chromatic-4-7-background-color{background-color: var(--wp--preset--color--spectra-chromatic-4-7) !important;}.has-spectra-chromatic-4-8-background-color{background-color: var(--wp--preset--color--spectra-chromatic-4-8) !important;}.has-spectra-chromatic-4-9-background-color{background-color: var(--wp--preset--color--spectra-chromatic-4-9) !important;}.has-spectra-chromatic-4-10-background-color{background-color: var(--wp--preset--color--spectra-chromatic-4-10) !important;}.has-spectra-chromatic-4-11-background-color{background-color: var(--wp--preset--color--spectra-chromatic-4-11) !important;}.has-spectra-chromatic-5-1-background-color{background-color: var(--wp--preset--color--spectra-chromatic-5-1) !important;}.has-spectra-chromatic-5-2-background-color{background-color: var(--wp--preset--color--spectra-chromatic-5-2) !important;}.has-spectra-chromatic-5-3-background-color{background-color: var(--wp--preset--color--spectra-chromatic-5-3) !important;}.has-spectra-chromatic-5-4-background-color{background-color: var(--wp--preset--color--spectra-chromatic-5-4) !important;}.has-spectra-chromatic-5-5-background-color{background-color: var(--wp--preset--color--spectra-chromatic-5-5) !important;}.has-spectra-chromatic-5-6-background-color{background-color: var(--wp--preset--color--spectra-chromatic-5-6) !important;}.has-spectra-chromatic-5-7-background-color{background-color: var(--wp--preset--color--spectra-chromatic-5-7) !important;}.has-spectra-chromatic-5-8-background-color{background-color: var(--wp--preset--color--spectra-chromatic-5-8) !important;}.has-spectra-chromatic-5-9-background-color{background-color: var(--wp--preset--color--spectra-chromatic-5-9) !important;}.has-spectra-chromatic-5-10-background-color{background-color: var(--wp--preset--color--spectra-chromatic-5-10) !important;}.has-spectra-chromatic-5-11-background-color{background-color: var(--wp--preset--color--spectra-chromatic-5-11) !important;}.has-spectra-chromatic-6-1-background-color{background-color: var(--wp--preset--color--spectra-chromatic-6-1) !important;}.has-spectra-chromatic-6-2-background-color{background-color: var(--wp--preset--color--spectra-chromatic-6-2) !important;}.has-spectra-chromatic-6-3-background-color{background-color: var(--wp--preset--color--spectra-chromatic-6-3) !important;}.has-spectra-chromatic-6-4-background-color{background-color: var(--wp--preset--color--spectra-chromatic-6-4) !important;}.has-spectra-chromatic-6-5-background-color{background-color: var(--wp--preset--color--spectra-chromatic-6-5) !important;}.has-spectra-chromatic-6-6-background-color{background-color: var(--wp--preset--color--spectra-chromatic-6-6) !important;}.has-spectra-chromatic-6-7-background-color{background-color: var(--wp--preset--color--spectra-chromatic-6-7) !important;}.has-spectra-chromatic-6-8-background-color{background-color: var(--wp--preset--color--spectra-chromatic-6-8) !important;}.has-spectra-chromatic-6-9-background-color{background-color: var(--wp--preset--color--spectra-chromatic-6-9) !important;}.has-spectra-chromatic-6-10-background-color{background-color: var(--wp--preset--color--spectra-chromatic-6-10) !important;}.has-spectra-chromatic-6-11-background-color{background-color: var(--wp--preset--color--spectra-chromatic-6-11) !important;}.has-spectra-chromatic-7-1-background-color{background-color: var(--wp--preset--color--spectra-chromatic-7-1) !important;}.has-spectra-chromatic-7-2-background-color{background-color: var(--wp--preset--color--spectra-chromatic-7-2) !important;}.has-spectra-chromatic-7-3-background-color{background-color: var(--wp--preset--color--spectra-chromatic-7-3) !important;}.has-spectra-chromatic-7-4-background-color{background-color: var(--wp--preset--color--spectra-chromatic-7-4) !important;}.has-spectra-chromatic-7-5-background-color{background-color: var(--wp--preset--color--spectra-chromatic-7-5) !important;}.has-spectra-chromatic-7-6-background-color{background-color: var(--wp--preset--color--spectra-chromatic-7-6) !important;}.has-spectra-chromatic-7-7-background-color{background-color: var(--wp--preset--color--spectra-chromatic-7-7) !important;}.has-spectra-chromatic-7-8-background-color{background-color: var(--wp--preset--color--spectra-chromatic-7-8) !important;}.has-spectra-chromatic-7-9-background-color{background-color: var(--wp--preset--color--spectra-chromatic-7-9) !important;}.has-spectra-chromatic-7-10-background-color{background-color: var(--wp--preset--color--spectra-chromatic-7-10) !important;}.has-spectra-chromatic-7-11-background-color{background-color: var(--wp--preset--color--spectra-chromatic-7-11) !important;}.has-spectra-white-background-color{background-color: var(--wp--preset--color--spectra-white) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-ast-global-color-0-border-color{border-color: var(--wp--preset--color--ast-global-color-0) !important;}.has-ast-global-color-1-border-color{border-color: var(--wp--preset--color--ast-global-color-1) !important;}.has-ast-global-color-2-border-color{border-color: var(--wp--preset--color--ast-global-color-2) !important;}.has-ast-global-color-3-border-color{border-color: var(--wp--preset--color--ast-global-color-3) !important;}.has-ast-global-color-4-border-color{border-color: var(--wp--preset--color--ast-global-color-4) !important;}.has-ast-global-color-5-border-color{border-color: var(--wp--preset--color--ast-global-color-5) !important;}.has-ast-global-color-6-border-color{border-color: var(--wp--preset--color--ast-global-color-6) !important;}.has-ast-global-color-7-border-color{border-color: var(--wp--preset--color--ast-global-color-7) !important;}.has-ast-global-color-8-border-color{border-color: var(--wp--preset--color--ast-global-color-8) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-border-color{border-color: var(--wp--preset--color--tertiary) !important;}.has-quaternary-border-color{border-color: var(--wp--preset--color--quaternary) !important;}.has-heading-border-color{border-color: var(--wp--preset--color--heading) !important;}.has-body-border-color{border-color: var(--wp--preset--color--body) !important;}.has-background-border-color{border-color: var(--wp--preset--color--background) !important;}.has-foreground-border-color{border-color: var(--wp--preset--color--foreground) !important;}.has-surface-border-color{border-color: var(--wp--preset--color--surface) !important;}.has-outline-border-color{border-color: var(--wp--preset--color--outline) !important;}.has-neutral-border-color{border-color: var(--wp--preset--color--neutral) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-success-border-color{border-color: var(--wp--preset--color--success) !important;}.has-error-border-color{border-color: var(--wp--preset--color--error) !important;}.has-info-border-color{border-color: var(--wp--preset--color--info) !important;}.has-warning-border-color{border-color: var(--wp--preset--color--warning) !important;}.has-sg-accent-border-color{border-color: var(--wp--preset--color--sg-accent) !important;}.has-sg-secondary-border-color{border-color: var(--wp--preset--color--sg-secondary) !important;}.has-sg-heading-border-color{border-color: var(--wp--preset--color--sg-heading) !important;}.has-sg-body-border-color{border-color: var(--wp--preset--color--sg-body) !important;}.has-sg-surface-border-color{border-color: var(--wp--preset--color--sg-surface) !important;}.has-sg-background-border-color{border-color: var(--wp--preset--color--sg-background) !important;}.has-sg-border-border-color{border-color: var(--wp--preset--color--sg-border) !important;}.has-sg-neutral-border-color{border-color: var(--wp--preset--color--sg-neutral) !important;}.has-sg-muted-border-color{border-color: var(--wp--preset--color--sg-muted) !important;}.has-spectra-neutral-0-border-color{border-color: var(--wp--preset--color--spectra-neutral-0) !important;}.has-spectra-neutral-1-border-color{border-color: var(--wp--preset--color--spectra-neutral-1) !important;}.has-spectra-neutral-2-border-color{border-color: var(--wp--preset--color--spectra-neutral-2) !important;}.has-spectra-neutral-3-border-color{border-color: var(--wp--preset--color--spectra-neutral-3) !important;}.has-spectra-neutral-4-border-color{border-color: var(--wp--preset--color--spectra-neutral-4) !important;}.has-spectra-neutral-5-border-color{border-color: var(--wp--preset--color--spectra-neutral-5) !important;}.has-spectra-neutral-6-border-color{border-color: var(--wp--preset--color--spectra-neutral-6) !important;}.has-spectra-neutral-7-border-color{border-color: var(--wp--preset--color--spectra-neutral-7) !important;}.has-spectra-chromatic-1-1-border-color{border-color: var(--wp--preset--color--spectra-chromatic-1-1) !important;}.has-spectra-chromatic-1-2-border-color{border-color: var(--wp--preset--color--spectra-chromatic-1-2) !important;}.has-spectra-chromatic-1-3-border-color{border-color: var(--wp--preset--color--spectra-chromatic-1-3) !important;}.has-spectra-chromatic-1-4-border-color{border-color: var(--wp--preset--color--spectra-chromatic-1-4) !important;}.has-spectra-chromatic-1-5-border-color{border-color: var(--wp--preset--color--spectra-chromatic-1-5) !important;}.has-spectra-chromatic-1-6-border-color{border-color: var(--wp--preset--color--spectra-chromatic-1-6) !important;}.has-spectra-chromatic-1-7-border-color{border-color: var(--wp--preset--color--spectra-chromatic-1-7) !important;}.has-spectra-chromatic-1-8-border-color{border-color: var(--wp--preset--color--spectra-chromatic-1-8) !important;}.has-spectra-chromatic-1-9-border-color{border-color: var(--wp--preset--color--spectra-chromatic-1-9) !important;}.has-spectra-chromatic-1-10-border-color{border-color: var(--wp--preset--color--spectra-chromatic-1-10) !important;}.has-spectra-chromatic-1-11-border-color{border-color: var(--wp--preset--color--spectra-chromatic-1-11) !important;}.has-spectra-chromatic-2-1-border-color{border-color: var(--wp--preset--color--spectra-chromatic-2-1) !important;}.has-spectra-chromatic-2-2-border-color{border-color: var(--wp--preset--color--spectra-chromatic-2-2) !important;}.has-spectra-chromatic-2-3-border-color{border-color: var(--wp--preset--color--spectra-chromatic-2-3) !important;}.has-spectra-chromatic-2-4-border-color{border-color: var(--wp--preset--color--spectra-chromatic-2-4) !important;}.has-spectra-chromatic-2-5-border-color{border-color: var(--wp--preset--color--spectra-chromatic-2-5) !important;}.has-spectra-chromatic-2-6-border-color{border-color: var(--wp--preset--color--spectra-chromatic-2-6) !important;}.has-spectra-chromatic-2-7-border-color{border-color: var(--wp--preset--color--spectra-chromatic-2-7) !important;}.has-spectra-chromatic-2-8-border-color{border-color: var(--wp--preset--color--spectra-chromatic-2-8) !important;}.has-spectra-chromatic-2-9-border-color{border-color: var(--wp--preset--color--spectra-chromatic-2-9) !important;}.has-spectra-chromatic-2-10-border-color{border-color: var(--wp--preset--color--spectra-chromatic-2-10) !important;}.has-spectra-chromatic-2-11-border-color{border-color: var(--wp--preset--color--spectra-chromatic-2-11) !important;}.has-spectra-chromatic-3-1-border-color{border-color: var(--wp--preset--color--spectra-chromatic-3-1) !important;}.has-spectra-chromatic-3-2-border-color{border-color: var(--wp--preset--color--spectra-chromatic-3-2) !important;}.has-spectra-chromatic-3-3-border-color{border-color: var(--wp--preset--color--spectra-chromatic-3-3) !important;}.has-spectra-chromatic-3-4-border-color{border-color: var(--wp--preset--color--spectra-chromatic-3-4) !important;}.has-spectra-chromatic-3-5-border-color{border-color: var(--wp--preset--color--spectra-chromatic-3-5) !important;}.has-spectra-chromatic-3-6-border-color{border-color: var(--wp--preset--color--spectra-chromatic-3-6) !important;}.has-spectra-chromatic-3-7-border-color{border-color: var(--wp--preset--color--spectra-chromatic-3-7) !important;}.has-spectra-chromatic-3-8-border-color{border-color: var(--wp--preset--color--spectra-chromatic-3-8) !important;}.has-spectra-chromatic-3-9-border-color{border-color: var(--wp--preset--color--spectra-chromatic-3-9) !important;}.has-spectra-chromatic-3-10-border-color{border-color: var(--wp--preset--color--spectra-chromatic-3-10) !important;}.has-spectra-chromatic-3-11-border-color{border-color: var(--wp--preset--color--spectra-chromatic-3-11) !important;}.has-spectra-chromatic-4-1-border-color{border-color: var(--wp--preset--color--spectra-chromatic-4-1) !important;}.has-spectra-chromatic-4-2-border-color{border-color: var(--wp--preset--color--spectra-chromatic-4-2) !important;}.has-spectra-chromatic-4-3-border-color{border-color: var(--wp--preset--color--spectra-chromatic-4-3) !important;}.has-spectra-chromatic-4-4-border-color{border-color: var(--wp--preset--color--spectra-chromatic-4-4) !important;}.has-spectra-chromatic-4-5-border-color{border-color: var(--wp--preset--color--spectra-chromatic-4-5) !important;}.has-spectra-chromatic-4-6-border-color{border-color: var(--wp--preset--color--spectra-chromatic-4-6) !important;}.has-spectra-chromatic-4-7-border-color{border-color: var(--wp--preset--color--spectra-chromatic-4-7) !important;}.has-spectra-chromatic-4-8-border-color{border-color: var(--wp--preset--color--spectra-chromatic-4-8) !important;}.has-spectra-chromatic-4-9-border-color{border-color: var(--wp--preset--color--spectra-chromatic-4-9) !important;}.has-spectra-chromatic-4-10-border-color{border-color: var(--wp--preset--color--spectra-chromatic-4-10) !important;}.has-spectra-chromatic-4-11-border-color{border-color: var(--wp--preset--color--spectra-chromatic-4-11) !important;}.has-spectra-chromatic-5-1-border-color{border-color: var(--wp--preset--color--spectra-chromatic-5-1) !important;}.has-spectra-chromatic-5-2-border-color{border-color: var(--wp--preset--color--spectra-chromatic-5-2) !important;}.has-spectra-chromatic-5-3-border-color{border-color: var(--wp--preset--color--spectra-chromatic-5-3) !important;}.has-spectra-chromatic-5-4-border-color{border-color: var(--wp--preset--color--spectra-chromatic-5-4) !important;}.has-spectra-chromatic-5-5-border-color{border-color: var(--wp--preset--color--spectra-chromatic-5-5) !important;}.has-spectra-chromatic-5-6-border-color{border-color: var(--wp--preset--color--spectra-chromatic-5-6) !important;}.has-spectra-chromatic-5-7-border-color{border-color: var(--wp--preset--color--spectra-chromatic-5-7) !important;}.has-spectra-chromatic-5-8-border-color{border-color: var(--wp--preset--color--spectra-chromatic-5-8) !important;}.has-spectra-chromatic-5-9-border-color{border-color: var(--wp--preset--color--spectra-chromatic-5-9) !important;}.has-spectra-chromatic-5-10-border-color{border-color: var(--wp--preset--color--spectra-chromatic-5-10) !important;}.has-spectra-chromatic-5-11-border-color{border-color: var(--wp--preset--color--spectra-chromatic-5-11) !important;}.has-spectra-chromatic-6-1-border-color{border-color: var(--wp--preset--color--spectra-chromatic-6-1) !important;}.has-spectra-chromatic-6-2-border-color{border-color: var(--wp--preset--color--spectra-chromatic-6-2) !important;}.has-spectra-chromatic-6-3-border-color{border-color: var(--wp--preset--color--spectra-chromatic-6-3) !important;}.has-spectra-chromatic-6-4-border-color{border-color: var(--wp--preset--color--spectra-chromatic-6-4) !important;}.has-spectra-chromatic-6-5-border-color{border-color: var(--wp--preset--color--spectra-chromatic-6-5) !important;}.has-spectra-chromatic-6-6-border-color{border-color: var(--wp--preset--color--spectra-chromatic-6-6) !important;}.has-spectra-chromatic-6-7-border-color{border-color: var(--wp--preset--color--spectra-chromatic-6-7) !important;}.has-spectra-chromatic-6-8-border-color{border-color: var(--wp--preset--color--spectra-chromatic-6-8) !important;}.has-spectra-chromatic-6-9-border-color{border-color: var(--wp--preset--color--spectra-chromatic-6-9) !important;}.has-spectra-chromatic-6-10-border-color{border-color: var(--wp--preset--color--spectra-chromatic-6-10) !important;}.has-spectra-chromatic-6-11-border-color{border-color: var(--wp--preset--color--spectra-chromatic-6-11) !important;}.has-spectra-chromatic-7-1-border-color{border-color: var(--wp--preset--color--spectra-chromatic-7-1) !important;}.has-spectra-chromatic-7-2-border-color{border-color: var(--wp--preset--color--spectra-chromatic-7-2) !important;}.has-spectra-chromatic-7-3-border-color{border-color: var(--wp--preset--color--spectra-chromatic-7-3) !important;}.has-spectra-chromatic-7-4-border-color{border-color: var(--wp--preset--color--spectra-chromatic-7-4) !important;}.has-spectra-chromatic-7-5-border-color{border-color: var(--wp--preset--color--spectra-chromatic-7-5) !important;}.has-spectra-chromatic-7-6-border-color{border-color: var(--wp--preset--color--spectra-chromatic-7-6) !important;}.has-spectra-chromatic-7-7-border-color{border-color: var(--wp--preset--color--spectra-chromatic-7-7) !important;}.has-spectra-chromatic-7-8-border-color{border-color: var(--wp--preset--color--spectra-chromatic-7-8) !important;}.has-spectra-chromatic-7-9-border-color{border-color: var(--wp--preset--color--spectra-chromatic-7-9) !important;}.has-spectra-chromatic-7-10-border-color{border-color: var(--wp--preset--color--spectra-chromatic-7-10) !important;}.has-spectra-chromatic-7-11-border-color{border-color: var(--wp--preset--color--spectra-chromatic-7-11) !important;}.has-spectra-white-border-color{border-color: var(--wp--preset--color--spectra-white) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-cardo-font-family{font-family: var(--wp--preset--font-family--cardo) !important;}.has-inter-font-family{font-family: var(--wp--preset--font-family--inter) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='cmplz-general-css' href='https://www.darulvietii.ro/wp-content/plugins/complianz-gdpr/assets/css/cookieblocker.css?ver=1775200811' media='all' />
<link rel='stylesheet' id='spectra-blocks-extensions-display-conditions-css' href='https://www.darulvietii.ro/wp-content/plugins/spectra-blocks/build/styles/extensions/display-conditions.css?ver=1.0.2' media='all' />
<link rel='stylesheet' id='spectra-blocks-extensions-image-mask-css' href='https://www.darulvietii.ro/wp-content/plugins/spectra-blocks/build/styles/extensions/image-mask.css?ver=1.0.2' media='all' />
<link rel='stylesheet' id='spectra-blocks-extensions-responsive-conditions-css' href='https://www.darulvietii.ro/wp-content/plugins/spectra-blocks/build/styles/extensions/responsive-conditions.css?ver=1.0.2' media='all' />
<link rel='stylesheet' id='spectra-blocks-extensions-responsive-controls-css' href='https://www.darulvietii.ro/wp-content/plugins/spectra-blocks/build/styles/extensions/responsive-controls.css?ver=1.0.2' media='all' />
<link rel='stylesheet' id='spectra-blocks-extensions-z-index-css' href='https://www.darulvietii.ro/wp-content/plugins/spectra-blocks/build/styles/extensions/z-index.css?ver=1.0.2' media='all' />
<link rel='stylesheet' id='wp_review-style-css' href='https://www.darulvietii.ro/wp-content/plugins/wp-review/public/css/wp-review.css?ver=5.3.5' media='all' />
<link rel='stylesheet' id='wp-block-paragraph-css' href='https://www.darulvietii.ro/wp-includes/blocks/paragraph/style.css?ver=ee8292ebd107a0229337ca6e2d804dbb' media='all' />
<script src="https://www.darulvietii.ro/wp-includes/js/jquery/jquery.js?ver=3.7.1" id="jquery-core-js"></script>
<script data-optimized="1" src="https://www.darulvietii.ro/wp-content/litespeed/js/5059ba6c52bd6aae33399c937fc9e7f4.js?ver=24af7" id="jquery-migrate-js" defer data-deferred="1"></script>

<!-- Google tag (gtag.js) snippet added by Site Kit -->
<!-- Google Analytics snippet added by Site Kit -->
<script src="https://www.googletagmanager.com/gtag/js?id=GT-P36TW4RQ" id="google_gtagjs-js" async defer data-deferred="1"></script>
<script id="google_gtagjs-js-after" src="data:text/javascript;base64,d2luZG93LmRhdGFMYXllcj13aW5kb3cuZGF0YUxheWVyfHxbXTtmdW5jdGlvbiBndGFnKCl7ZGF0YUxheWVyLnB1c2goYXJndW1lbnRzKX0KZ3RhZygic2V0IiwibGlua2VyIix7ImRvbWFpbnMiOlsid3d3LmRhcnVsdmlldGlpLnJvIl19KTtndGFnKCJqcyIsbmV3IERhdGUoKSk7Z3RhZygic2V0IiwiZGV2ZWxvcGVyX2lkLmRaVE5pTVQiLCEwKTtndGFnKCJjb25maWciLCJHVC1QMzZUVzRSUSIpO3dpbmRvdy5fZ29vZ2xlc2l0ZWtpdD13aW5kb3cuX2dvb2dsZXNpdGVraXR8fHt9O3dpbmRvdy5fZ29vZ2xlc2l0ZWtpdC50aHJvdHRsZWRFdmVudHM9W107d2luZG93Ll9nb29nbGVzaXRla2l0Lmd0YWdFdmVudD0obmFtZSxkYXRhKT0+e3ZhciBrZXk9SlNPTi5zdHJpbmdpZnkoe25hbWUsZGF0YX0pO2lmKCEhd2luZG93Ll9nb29nbGVzaXRla2l0LnRocm90dGxlZEV2ZW50c1trZXldKXtyZXR1cm59d2luZG93Ll9nb29nbGVzaXRla2l0LnRocm90dGxlZEV2ZW50c1trZXldPSEwO3NldFRpbWVvdXQoKCk9PntkZWxldGUgd2luZG93Ll9nb29nbGVzaXRla2l0LnRocm90dGxlZEV2ZW50c1trZXldfSw1KTtndGFnKCJldmVudCIsbmFtZSx7Li4uZGF0YSxldmVudF9zb3VyY2U6InNpdGUta2l0In0pfQ==" defer></script>
<link rel="https://api.w.org/" href="https://www.darulvietii.ro/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.darulvietii.ro/wp-json/wp/v2/pages/4053" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.darulvietii.ro/xmlrpc.php?rsd" />
<link rel='shortlink' href='https://www.darulvietii.ro/' />
<meta name="generator" content="Site Kit by Google 1.164.0" />			<style>.cmplz-hidden {
					display: none !important;
				}</style><style class='wp-fonts-local'>
@font-face{ font-family:Cardo;font-style:normal;font-weight:400;font-display:swap;src:url('https://www.darulvietii.ro/wp-content/plugins/spectra-blocks//assets/fonts/cardo_normal_400.woff2') format('woff2'); }
@font-face{ font-family:Inter;font-style:normal;font-weight:300 900;font-display:swap;src:url('https://www.darulvietii.ro/wp-content/plugins/spectra-blocks//assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal; }
</style>
<link rel="icon" href="https://www.darulvietii.ro/wp-content/uploads/2016/07/sigla_DV-1-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.darulvietii.ro/wp-content/uploads/2016/07/sigla_DV-1.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.darulvietii.ro/wp-content/uploads/2016/07/sigla_DV-1-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.darulvietii.ro/wp-content/uploads/2016/07/sigla_DV-1.png" />
<style id='spectra-responsive-styles-inline-css'>
@media (max-width: 767.98px) {  } @media (min-width: 768px) and (max-width: 1023.98px) {  } @media (min-width: 1024px) {  }
@media (max-width: 767.98px) {  } @media (min-width: 768px) and (max-width: 1023.98px) {  } @media (min-width: 1024px) {  }
@media (max-width: 767.98px) {  } @media (min-width: 768px) and (max-width: 1023.98px) {  } @media (min-width: 1024px) {  }
@media (max-width: 767.98px) {.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge']{padding:0;} body .wp-block-spectra-container:where([data-spectra-id='spectra-ms8l3zfr-62ibge']){flex-wrap:nowrap;gap:var(--wp--preset--spacing--20);justify-content:flex-start;align-items:center;} body .wp-block-spectra-container:where([data-spectra-id='spectra-ms8l3zfr-62ibge']) { display: flex; gap: var:preset|spacing|20; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: center; } body *:where(.wp-block-spectra-container)[data-spectra-id='spectra-ms8l3zfr-62ibge'] > * { margin: 0; } .wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge'] > .spectra-background-video__wrapper{display: none !important;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge']{--spectra-overlay-image: none;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge']{--spectra-overlay-blend-mode: normal;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge']{--spectra-overlay-opacity-value: 0;} } @media (min-width: 768px) and (max-width: 1023.98px) {.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge']{padding:0;} body .wp-block-spectra-container:where([data-spectra-id='spectra-ms8l3zfr-62ibge']){flex-wrap:nowrap;gap:var(--wp--preset--spacing--20);justify-content:flex-start;align-items:center;} body .wp-block-spectra-container:where([data-spectra-id='spectra-ms8l3zfr-62ibge']) { display: flex; gap: var:preset|spacing|20; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: center; } body *:where(.wp-block-spectra-container)[data-spectra-id='spectra-ms8l3zfr-62ibge'] > * { margin: 0; } .wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge'] > .spectra-background-video__wrapper{display: none !important;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge']{--spectra-overlay-image: none;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge']{--spectra-overlay-blend-mode: normal;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge']{--spectra-overlay-opacity-value: 0;} } @media (min-width: 1024px) {.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge']{padding:0;} body .wp-block-spectra-container:where([data-spectra-id='spectra-ms8l3zfr-62ibge']){flex-wrap:nowrap;gap:var(--wp--preset--spacing--20);justify-content:flex-start;align-items:center;} body .wp-block-spectra-container:where([data-spectra-id='spectra-ms8l3zfr-62ibge']) { display: flex; gap: var:preset|spacing|20; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: center; } body *:where(.wp-block-spectra-container)[data-spectra-id='spectra-ms8l3zfr-62ibge'] > * { margin: 0; } .wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge'] > .spectra-background-video__wrapper{display: none !important;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge']{--spectra-overlay-image: none;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge']{--spectra-overlay-blend-mode: normal;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfr-62ibge']{--spectra-overlay-opacity-value: 0;} }
@media (max-width: 767.98px) {.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o']{padding:var(--wp--preset--spacing--40);} body .wp-block-spectra-container:where([data-spectra-id='spectra-ms8l3zfy-35je9o']){flex-wrap:nowrap;gap:var(--wp--preset--spacing--20);flex-direction:column;align-items:stretch;justify-content:flex-start;} body .wp-block-spectra-container:where([data-spectra-id='spectra-ms8l3zfy-35je9o']) { display: flex; gap: var:preset|spacing|20; flex-wrap: nowrap; flex-direction: column; align-items: space-between; } body *:where(.wp-block-spectra-container)[data-spectra-id='spectra-ms8l3zfy-35je9o'] > * { margin: 0; } .wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o'].wp-block-spectra-container{width:100%;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o'] > .spectra-background-video__wrapper{display: none !important;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o']{--spectra-overlay-image: none;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o']{--spectra-overlay-blend-mode: normal;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o']{--spectra-overlay-opacity-value: 0;} } @media (min-width: 768px) and (max-width: 1023.98px) {.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o']{padding:var(--wp--preset--spacing--40);} body .wp-block-spectra-container:where([data-spectra-id='spectra-ms8l3zfy-35je9o']){flex-wrap:nowrap;gap:var(--wp--preset--spacing--20);flex-direction:column;align-items:stretch;justify-content:flex-start;} body .wp-block-spectra-container:where([data-spectra-id='spectra-ms8l3zfy-35je9o']) { display: flex; gap: var:preset|spacing|20; flex-wrap: nowrap; flex-direction: column; align-items: space-between; } body *:where(.wp-block-spectra-container)[data-spectra-id='spectra-ms8l3zfy-35je9o'] > * { margin: 0; } .wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o'].wp-block-spectra-container{width:100%;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o'] > .spectra-background-video__wrapper{display: none !important;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o']{--spectra-overlay-image: none;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o']{--spectra-overlay-blend-mode: normal;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o']{--spectra-overlay-opacity-value: 0;} } @media (min-width: 1024px) {.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o']{padding:var(--wp--preset--spacing--40);} body .wp-block-spectra-container:where([data-spectra-id='spectra-ms8l3zfy-35je9o']){flex-wrap:nowrap;gap:var(--wp--preset--spacing--20);flex-direction:column;align-items:stretch;justify-content:flex-start;} body .wp-block-spectra-container:where([data-spectra-id='spectra-ms8l3zfy-35je9o']) { display: flex; gap: var:preset|spacing|20; flex-wrap: nowrap; flex-direction: column; align-items: space-between; } body *:where(.wp-block-spectra-container)[data-spectra-id='spectra-ms8l3zfy-35je9o'] > * { margin: 0; } .wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o'].wp-block-spectra-container{width:100%;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o'] > .spectra-background-video__wrapper{display: none !important;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o']{--spectra-overlay-image: none;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o']{--spectra-overlay-blend-mode: normal;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zfy-35je9o']{--spectra-overlay-opacity-value: 0;} }
@media (max-width: 767.98px) {.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']{border-radius:0.5rem;padding:0;} .wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf'].wp-block-spectra-container{height:100%;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf'] > .spectra-background-video__wrapper{display: none !important;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none; display: block; background: var(--spectra-background-gradient, var(--spectra-background-color)); opacity: var(--spectra-overlay-opacity, 1);}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']{--spectra-overlay-image: none;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']{--spectra-overlay-blend-mode: normal;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']{--spectra-overlay-opacity-value: 0;} } @media (min-width: 768px) and (max-width: 1023.98px) {.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']{border-radius:0.5rem;padding:0;} .wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf'].wp-block-spectra-container{height:100%;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf'] > .spectra-background-video__wrapper{display: none !important;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none; display: block; background: var(--spectra-background-gradient, var(--spectra-background-color)); opacity: var(--spectra-overlay-opacity, 1);}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']{--spectra-overlay-image: none;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']{--spectra-overlay-blend-mode: normal;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']{--spectra-overlay-opacity-value: 0;} } @media (min-width: 1024px) {.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']{border-radius:0.5rem;padding:0;} .wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf'].wp-block-spectra-container{height:100%;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf'] > .spectra-background-video__wrapper{display: none !important;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none; display: block; background: var(--spectra-background-gradient, var(--spectra-background-color)); opacity: var(--spectra-overlay-opacity, 1);}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']{--spectra-overlay-image: none;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']{--spectra-overlay-blend-mode: normal;}.wp-block-spectra-container.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-ms8l3zg6-pma4wf']{--spectra-overlay-opacity-value: 0;} }
@media (max-width: 767.98px) { body .wp-block-spectra-post-template:where([data-spectra-id='spectra-ms8l3omw-3vuz93']){grid-template-columns:repeat(3, minmax(0, 1fr));} body .wp-block-spectra-post-template:where([data-spectra-id='spectra-ms8l3omw-3vuz93']) { display: grid; gap: var(--wp--style--block-gap, 1em); } body *:where(.wp-block-spectra-post-template)[data-spectra-id='spectra-ms8l3omw-3vuz93'] > * { margin: 0; }  } @media (min-width: 768px) and (max-width: 1023.98px) { body .wp-block-spectra-post-template:where([data-spectra-id='spectra-ms8l3omw-3vuz93']){grid-template-columns:repeat(3, minmax(0, 1fr));} body .wp-block-spectra-post-template:where([data-spectra-id='spectra-ms8l3omw-3vuz93']) { display: grid; gap: var(--wp--style--block-gap, 1em); } body *:where(.wp-block-spectra-post-template)[data-spectra-id='spectra-ms8l3omw-3vuz93'] > * { margin: 0; }  } @media (min-width: 1024px) { body .wp-block-spectra-post-template:where([data-spectra-id='spectra-ms8l3omw-3vuz93']){grid-template-columns:repeat(3, minmax(0, 1fr));} body .wp-block-spectra-post-template:where([data-spectra-id='spectra-ms8l3omw-3vuz93']) { display: grid; gap: var(--wp--style--block-gap, 1em); } body *:where(.wp-block-spectra-post-template)[data-spectra-id='spectra-ms8l3omw-3vuz93'] > * { margin: 0; }  }
@media (max-width: 767.98px) {.wp-block-spectra-content.wp-block-spectra-content.wp-block-spectra-content[data-spectra-id='spectra-ms8l3or9-qwjgxr']{text-align:center;}  } @media (min-width: 768px) and (max-width: 1023.98px) {.wp-block-spectra-content.wp-block-spectra-content.wp-block-spectra-content[data-spectra-id='spectra-ms8l3or9-qwjgxr']{text-align:center;}  } @media (min-width: 1024px) {.wp-block-spectra-content.wp-block-spectra-content.wp-block-spectra-content[data-spectra-id='spectra-ms8l3or9-qwjgxr']{text-align:center;}  }
@media (max-width: 767.98px) {  } @media (min-width: 768px) and (max-width: 1023.98px) {  } @media (min-width: 1024px) {  }
@media (max-width: 767.98px) { body .wp-block-spectra-post:where([data-spectra-id='spectra-ms8l3hts-uz7aaj']){flex-wrap:nowrap;flex-direction:column;align-items:stretch;} body .wp-block-spectra-post:where([data-spectra-id='spectra-ms8l3hts-uz7aaj']) { display: flex; gap: var(--wp--style--block-gap, 1em); flex-wrap: nowrap; flex-direction: column; align-items: space-between; } body *:where(.wp-block-spectra-post)[data-spectra-id='spectra-ms8l3hts-uz7aaj'] > * { margin: 0; } .wp-block-spectra-post.wp-block-spectra-post.wp-block-spectra-post[data-spectra-id='spectra-ms8l3hts-uz7aaj'].spectra-post-layout-grid .spectra-post-loop-wrapper, .wp-block-spectra-post.wp-block-spectra-post.wp-block-spectra-post[data-spectra-id='spectra-ms8l3hts-uz7aaj'].spectra-post-layout-masonry .spectra-post-loop-wrapper{--spectra-post-columns:3;--spectra-post-column-gap:20px;--spectra-post-row-gap:20px;}.wp-block-spectra-post.wp-block-spectra-post.wp-block-spectra-post[data-spectra-id='spectra-ms8l3hts-uz7aaj'].spectra-post-layout-carousel{--spectra-carousel-arrow-size:20px;--spectra-carousel-arrow-distance:-20px;--spectra-carousel-pagination-margin-top:-15px;} } @media (min-width: 768px) and (max-width: 1023.98px) { body .wp-block-spectra-post:where([data-spectra-id='spectra-ms8l3hts-uz7aaj']){flex-wrap:nowrap;flex-direction:column;align-items:stretch;} body .wp-block-spectra-post:where([data-spectra-id='spectra-ms8l3hts-uz7aaj']) { display: flex; gap: var(--wp--style--block-gap, 1em); flex-wrap: nowrap; flex-direction: column; align-items: space-between; } body *:where(.wp-block-spectra-post)[data-spectra-id='spectra-ms8l3hts-uz7aaj'] > * { margin: 0; } .wp-block-spectra-post.wp-block-spectra-post.wp-block-spectra-post[data-spectra-id='spectra-ms8l3hts-uz7aaj'].spectra-post-layout-grid .spectra-post-loop-wrapper, .wp-block-spectra-post.wp-block-spectra-post.wp-block-spectra-post[data-spectra-id='spectra-ms8l3hts-uz7aaj'].spectra-post-layout-masonry .spectra-post-loop-wrapper{--spectra-post-columns:3;--spectra-post-column-gap:20px;--spectra-post-row-gap:20px;}.wp-block-spectra-post.wp-block-spectra-post.wp-block-spectra-post[data-spectra-id='spectra-ms8l3hts-uz7aaj'].spectra-post-layout-carousel{--spectra-carousel-arrow-size:20px;--spectra-carousel-arrow-distance:-20px;--spectra-carousel-pagination-margin-top:-15px;} } @media (min-width: 1024px) { body .wp-block-spectra-post:where([data-spectra-id='spectra-ms8l3hts-uz7aaj']){flex-wrap:nowrap;flex-direction:column;align-items:stretch;} body .wp-block-spectra-post:where([data-spectra-id='spectra-ms8l3hts-uz7aaj']) { display: flex; gap: var(--wp--style--block-gap, 1em); flex-wrap: nowrap; flex-direction: column; align-items: space-between; } body *:where(.wp-block-spectra-post)[data-spectra-id='spectra-ms8l3hts-uz7aaj'] > * { margin: 0; } .wp-block-spectra-post.wp-block-spectra-post.wp-block-spectra-post[data-spectra-id='spectra-ms8l3hts-uz7aaj'].spectra-post-layout-grid .spectra-post-loop-wrapper, .wp-block-spectra-post.wp-block-spectra-post.wp-block-spectra-post[data-spectra-id='spectra-ms8l3hts-uz7aaj'].spectra-post-layout-masonry .spectra-post-loop-wrapper{--spectra-post-columns:3;--spectra-post-column-gap:20px;--spectra-post-row-gap:20px;}.wp-block-spectra-post.wp-block-spectra-post.wp-block-spectra-post[data-spectra-id='spectra-ms8l3hts-uz7aaj'].spectra-post-layout-carousel{--spectra-carousel-arrow-size:20px;--spectra-carousel-arrow-distance:-20px;--spectra-carousel-pagination-margin-top:-15px;} }
@media (max-width: 767.98px) {  } @media (min-width: 768px) and (max-width: 1023.98px) {  } @media (min-width: 1024px) {  }
@media (max-width: 767.98px) {  } @media (min-width: 768px) and (max-width: 1023.98px) {  } @media (min-width: 1024px) {  }
@media (max-width: 767.98px) {  } @media (min-width: 768px) and (max-width: 1023.98px) {  } @media (min-width: 1024px) {  }
@media (max-width: 767.98px) {  } @media (min-width: 768px) and (max-width: 1023.98px) {  } @media (min-width: 1024px) {  }
@media (max-width: 767.98px) {  } @media (min-width: 768px) and (max-width: 1023.98px) {  } @media (min-width: 1024px) {  }
@media (max-width: 767.98px) {  } @media (min-width: 768px) and (max-width: 1023.98px) {  } @media (min-width: 1024px) {  }
@media (max-width: 767.98px) {  } @media (min-width: 768px) and (max-width: 1023.98px) {  } @media (min-width: 1024px) {  }
@media (max-width: 767.98px) {  } @media (min-width: 768px) and (max-width: 1023.98px) {  } @media (min-width: 1024px) {  }
@media (max-width: 767.98px) {  } @media (min-width: 768px) and (max-width: 1023.98px) {  } @media (min-width: 1024px) {  }
@media (max-width: 767.98px) {  } @media (min-width: 768px) and (max-width: 1023.98px) {  } @media (min-width: 1024px) {  }
/*# sourceURL=spectra-responsive-styles-inline-css */
</style>
<style id='wp-interactivity-router-animations-inline-css'>
			.wp-interactivity-router-loading-bar {
				position: fixed;
				top: 0;
				left: 0;
				margin: 0;
				padding: 0;
				width: 100vw;
				max-width: 100vw !important;
				height: 4px;
				background-color: #000;
				opacity: 0
			}
			.wp-interactivity-router-loading-bar.start-animation {
				animation: wp-interactivity-router-loading-bar-start-animation 30s cubic-bezier(0.03, 0.5, 0, 1) forwards
			}
			.wp-interactivity-router-loading-bar.finish-animation {
				animation: wp-interactivity-router-loading-bar-finish-animation 300ms ease-in
			}
			@keyframes wp-interactivity-router-loading-bar-start-animation {
				0% { transform: scaleX(0); transform-origin: 0 0; opacity: 1 }
				100% { transform: scaleX(1); transform-origin: 0 0; opacity: 1 }
			}
			@keyframes wp-interactivity-router-loading-bar-finish-animation {
				0% { opacity: 1 }
				50% { opacity: 1 }
				100% { opacity: 0 }
			}
/*# sourceURL=wp-interactivity-router-animations-inline-css */
</style>
<style id='core-block-supports-inline-css'>
/**
 * Core styles: block-supports
 */
body .wp-block-spectra-container:where([data-spectra-id='spectra-ms8l3zfr-62ibge'])-temp-id {
	flex-wrap: nowrap;
	gap: var(--wp--preset--spacing--20);
	justify-content: flex-start;
	align-items: center;
}
.wp-container-spectra-container-is-layout-64c2fd58 {
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
body .wp-block-spectra-container:where([data-spectra-id='spectra-ms8l3zfy-35je9o'])-temp-id {
	flex-wrap: nowrap;
	gap: var(--wp--preset--spacing--20);
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
}
.wp-container-spectra-container-is-layout-b4f2e3d2 {
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
}
body .wp-block-spectra-post-template:where([data-spectra-id='spectra-ms8l3omw-3vuz93'])-temp-id {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
body .wp-block-spectra-post:where([data-spectra-id='spectra-ms8l3hts-uz7aaj'])-temp-id {
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: stretch;
}

/*# sourceURL=core-block-supports-inline-css */
</style>

</head>

<body data-cmplz=1 itemtype='https://schema.org/WebPage' itemscope='itemscope' class="home wp-singular page-template-default page page-id-4053 wp-custom-logo wp-embed-responsive wp-theme-astra ast-desktop ast-separate-container ast-two-container ast-right-sidebar astra-4.13.7 ast-single-post ast-inherit-site-logo-transparent ast-hfb-header ast-normal-title-enabled">
			<script src="data:text/javascript;base64,KGZ1bmN0aW9uKCl7aWYod2luZG93Lm1hdGNoTWVkaWEoJyhtYXgtd2lkdGg6OTIxLjk5cHgpJykubWF0Y2hlcyl7ZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QuYWRkKCdhc3QtaGVhZGVyLWJyZWFrLXBvaW50Jyk7ZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKCdhc3QtZGVza3RvcCcpfX0pKCk=" defer></script>
			
<a
	class="skip-link screen-reader-text"
	href="#content">
		Skip to content</a>

<div
class="hfeed site" id="page">
			<header
		class="site-header header-main-layout-1 ast-primary-menu-enabled ast-logo-title-inline ast-hide-custom-menu-mobile ast-builder-menu-toggle-icon ast-mobile-header-inline" id="masthead" itemtype="https://schema.org/WPHeader" itemscope="itemscope" itemid="#masthead"		>
			<div id="ast-desktop-header" data-toggle-type="dropdown">
		<div class="ast-main-header-wrap main-header-bar-wrap ">
		<div class="ast-primary-header-bar ast-primary-header main-header-bar site-header-focus-item" data-section="section-primary-header-builder">
						<div class="site-primary-header-wrap ast-builder-grid-row-container site-header-focus-item ast-container" data-section="section-primary-header-builder">
				<div class="ast-builder-grid-row ast-builder-grid-row-has-sides ast-builder-grid-row-no-center">
											<div class="site-header-primary-section-left site-header-section ast-flex site-header-section-left">
									<div class="ast-builder-layout-element ast-flex site-header-focus-item" data-section="title_tagline">
							<div
				class="site-branding ast-site-identity" itemtype="https://schema.org/Organization" itemscope="itemscope"				>
					<span class="site-logo-img"><a href="https://www.darulvietii.ro/" class="custom-logo-link" rel="home" aria-current="page"><img width="168" height="55" src="https://www.darulvietii.ro/wp-content/uploads/2024/10/cropped-Logo-DV-micsorat.png" class="custom-logo" alt="" decoding="async" /></a></span><div class="ast-site-title-wrap">
						<span class="site-title" itemprop="name">
				<a href="https://www.darulvietii.ro/" rel="home" itemprop="url" >
					
				</a>
			</span>
						
				</div>				</div>
			<!-- .site-branding -->
					</div>
								</div>
																								<div class="site-header-primary-section-right site-header-section ast-flex ast-grid-right-section">
										<div class="ast-builder-menu-1 ast-builder-menu ast-flex ast-builder-menu-1-focus-item ast-builder-layout-element site-header-focus-item" data-section="section-hb-menu-1">
			<div class="ast-main-header-bar-alignment"><div class="main-header-bar-navigation"><nav class="site-navigation ast-flex-grow-1 navigation-accessibility site-header-focus-item" id="primary-site-navigation-desktop" aria-label="Primary Site Navigation" itemtype="https://schema.org/SiteNavigationElement" itemscope="itemscope"><div class="main-navigation ast-inline-flex"><ul id="ast-hf-menu-1" class="main-header-menu ast-menu-shadow ast-nav-menu ast-flex  submenu-with-border stack-on-mobile"><li id="menu-item-5" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-5"><a aria-expanded="false" href="https://www.darulvietii.ro/resurse/" class="menu-link">Resurse<span role="button" class="dropdown-menu-toggle ast-header-navigation-arrow" tabindex="0" aria-expanded="false" aria-label="Menu Toggle" aria-haspopup="true"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span></span></a><button class="ast-menu-toggle" aria-expanded="false" aria-label="Toggle Menu"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span></button>
<ul class="sub-menu">
	<li id="menu-item-6" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6"><a href="https://www.darulvietii.ro/resurse/avort/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Avort</a></li>
	<li id="menu-item-1092" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1092"><a href="https://www.darulvietii.ro/resurse/planificare-naturala-a-familiei/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Planificare naturală a familiei</a></li>
	<li id="menu-item-7" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7"><a href="https://www.darulvietii.ro/resurse/contraceptia/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Contracepția</a></li>
	<li id="menu-item-11" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11"><a href="https://www.darulvietii.ro/resurse/fertilizarea-in-vitro/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Fertilizarea in vitro</a></li>
	<li id="menu-item-10" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10"><a href="https://www.darulvietii.ro/resurse/eutanasia/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Eutanasia</a></li>
	<li id="menu-item-8" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8"><a href="https://www.darulvietii.ro/resurse/controlul-populatiei/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Controlul populației</a></li>
	<li id="menu-item-181" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-181"><a href="https://www.darulvietii.ro/resurse/familia/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Căsătorie și familie</a></li>
	<li id="menu-item-13" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-13"><a href="https://www.darulvietii.ro/resurse/polonia/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Polonia</a></li>
	<li id="menu-item-9" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9"><a href="https://www.darulvietii.ro/resurse/descarcari/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Descărcări</a></li>
	<li id="menu-item-691" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-691"><a href="https://www.darulvietii.ro/resurse/lgbt/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>LGBT</a></li>
	<li id="menu-item-2888" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2888"><a href="https://www.darulvietii.ro/resurse/statistici/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Statistici</a></li>
	<li id="menu-item-2889" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2889"><a href="https://www.darulvietii.ro/resurse/rugaciuni/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Rugăciuni</a></li>
	<li id="menu-item-2890" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2890"><a href="https://www.darulvietii.ro/resurse/reflectii/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Reflecții</a></li>
	<li id="menu-item-3672" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3672"><a href="https://www.darulvietii.ro/resurse/maternitatea-surogat/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Maternitatea surogat</a></li>
</ul>
</li>
<li id="menu-item-20" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-20"><a aria-expanded="false" href="https://www.darulvietii.ro/castitate/" class="menu-link">Castitate<span role="button" class="dropdown-menu-toggle ast-header-navigation-arrow" tabindex="0" aria-expanded="false" aria-label="Menu Toggle" aria-haspopup="true"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span></span></a><button class="ast-menu-toggle" aria-expanded="false" aria-label="Toggle Menu"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span></button>
<ul class="sub-menu">
	<li id="menu-item-23" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-23"><a href="https://www.darulvietii.ro/castitate/educatie-sexuala/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Educaţie sexuală</a></li>
	<li id="menu-item-22" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-22"><a href="https://www.darulvietii.ro/castitate/clubul/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Clubul select al celor curaţi cu inima!</a></li>
	<li id="menu-item-21" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-21"><a href="https://www.darulvietii.ro/castitate/argumente/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Argumente</a></li>
</ul>
</li>
<li id="menu-item-25" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-25"><a aria-expanded="false" href="https://www.darulvietii.ro/evenimente/" class="menu-link">Evenimente<span role="button" class="dropdown-menu-toggle ast-header-navigation-arrow" tabindex="0" aria-expanded="false" aria-label="Menu Toggle" aria-haspopup="true"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span></span></a><button class="ast-menu-toggle" aria-expanded="false" aria-label="Toggle Menu"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span></button>
<ul class="sub-menu">
	<li id="menu-item-33" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-33"><a href="https://www.darulvietii.ro/misiune/zile-pentru-apararea-vietii/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Zile pentru apărarea vieții</a></li>
	<li id="menu-item-31" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-31"><a href="https://www.darulvietii.ro/misiune/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Misiune</a></li>
	<li id="menu-item-29" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-29"><a href="https://www.darulvietii.ro/evenimente/marsul-pentru-viata/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Marșul pentru Viață</a></li>
	<li id="menu-item-30" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-30"><a href="https://www.darulvietii.ro/evenimente/pelerinaje/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Pelerinaje</a></li>
	<li id="menu-item-28" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-28"><a href="https://www.darulvietii.ro/evenimente/interne/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Interne</a></li>
	<li id="menu-item-27" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27"><a href="https://www.darulvietii.ro/evenimente/internationale/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Internaționale</a></li>
	<li id="menu-item-224" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-224"><a href="https://www.darulvietii.ro/evenimente/editoriale/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Editoriale</a></li>
</ul>
</li>
<li id="menu-item-433" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-433"><a aria-expanded="false" href="https://www.darulvietii.ro/galerie/" class="menu-link">Galerie<span role="button" class="dropdown-menu-toggle ast-header-navigation-arrow" tabindex="0" aria-expanded="false" aria-label="Menu Toggle" aria-haspopup="true"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span></span></a><button class="ast-menu-toggle" aria-expanded="false" aria-label="Toggle Menu"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span></button>
<ul class="sub-menu">
	<li id="menu-item-434" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-434"><a href="https://www.darulvietii.ro/albume-foto/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Albume FOTO</a></li>
	<li id="menu-item-435" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-435"><a href="https://www.darulvietii.ro/video/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Video</a></li>
</ul>
</li>
<li id="menu-item-3107" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3107"><a aria-expanded="false" href="https://www.darulvietii.ro/viata-in-vointa-divina/" class="menu-link">Voința Divină<span role="button" class="dropdown-menu-toggle ast-header-navigation-arrow" tabindex="0" aria-expanded="false" aria-label="Menu Toggle" aria-haspopup="true"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span></span></a><button class="ast-menu-toggle" aria-expanded="false" aria-label="Toggle Menu"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span></button>
<ul class="sub-menu">
	<li id="menu-item-3139" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3139"><a href="https://www.darulvietii.ro/viata-in-vointa-divina/padre-pablo/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Padre Pablo</a></li>
	<li id="menu-item-3140" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3140"><a href="https://www.darulvietii.ro/viata-in-vointa-divina/cateheza-cu-gianpaolo/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Cateheză cu Gianpaolo</a></li>
	<li id="menu-item-3141" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3141"><a href="https://www.darulvietii.ro/viata-in-vointa-divina/doctrina-vointei-divine/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Doctrina Voinței Divine</a></li>
</ul>
</li>
<li id="menu-item-3281" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-3281"><a aria-expanded="false" href="https://www.darulvietii.ro/proiecte-in-curs/" class="menu-link">Proiecte în curs<span role="button" class="dropdown-menu-toggle ast-header-navigation-arrow" tabindex="0" aria-expanded="false" aria-label="Menu Toggle" aria-haspopup="true"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span></span></a><button class="ast-menu-toggle" aria-expanded="false" aria-label="Toggle Menu"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span></button>
<ul class="sub-menu">
	<li id="menu-item-3611" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3611"><a href="https://www.darulvietii.ro/educatie-pro-life/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Educație pro-life</a></li>
</ul>
</li>
<li id="menu-item-3306" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3306"><a href="https://www.darulvietii.ro/italiano/" class="menu-link">Italiano</a></li>
<li id="menu-item-40" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-40"><a href="https://www.darulvietii.ro/english/" class="menu-link">English</a></li>
<li id="menu-item-3401" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-3401"><a aria-expanded="false" href="https://www.darulvietii.ro/biserica/" class="menu-link">Biserica<span role="button" class="dropdown-menu-toggle ast-header-navigation-arrow" tabindex="0" aria-expanded="false" aria-label="Menu Toggle" aria-haspopup="true"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span></span></a><button class="ast-menu-toggle" aria-expanded="false" aria-label="Toggle Menu"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span></button>
<ul class="sub-menu">
	<li id="menu-item-3610" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3610"><a href="https://www.darulvietii.ro/sfinti/" class="menu-link"><span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>Sfinți</a></li>
</ul>
</li>
</ul></div></nav></div></div>		</div>
									</div>
												</div>
					</div>
								</div>
			</div>
	</div> <!-- Main Header Bar Wrap -->
<div id="ast-mobile-header" class="ast-mobile-header-wrap " data-type="dropdown">
		<div class="ast-main-header-wrap main-header-bar-wrap" >
		<div class="ast-primary-header-bar ast-primary-header main-header-bar site-primary-header-wrap site-header-focus-item ast-builder-grid-row-layout-default ast-builder-grid-row-tablet-layout-default ast-builder-grid-row-mobile-layout-default" data-section="section-primary-header-builder">
									<div class="ast-builder-grid-row ast-builder-grid-row-has-sides ast-builder-grid-row-no-center">
													<div class="site-header-primary-section-left site-header-section ast-flex site-header-section-left">
										<div class="ast-builder-layout-element ast-flex site-header-focus-item" data-section="title_tagline">
							<div
				class="site-branding ast-site-identity" itemtype="https://schema.org/Organization" itemscope="itemscope"				>
					<span class="site-logo-img"><a href="https://www.darulvietii.ro/" class="custom-logo-link" rel="home" aria-current="page"><img width="168" height="55" src="https://www.darulvietii.ro/wp-content/uploads/2024/10/cropped-Logo-DV-micsorat.png" class="custom-logo" alt="" decoding="async" /></a></span><div class="ast-site-title-wrap">
						<span class="site-title" itemprop="name">
				<a href="https://www.darulvietii.ro/" rel="home" itemprop="url" >
					
				</a>
			</span>
						
				</div>				</div>
			<!-- .site-branding -->
					</div>
									</div>
																									<div class="site-header-primary-section-right site-header-section ast-flex ast-grid-right-section">
										<div class="ast-builder-layout-element ast-flex site-header-focus-item" data-section="section-header-mobile-trigger">
						<div class="ast-button-wrap">
				<button
					type="button"
					class="menu-toggle main-header-menu-toggle ast-mobile-menu-trigger-minimal"
					aria-expanded="false"
					aria-label="Main menu toggle"
														>
					<span class="mobile-menu-toggle-icon">
						<span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg class='ast-mobile-svg ast-menu-svg' fill='currentColor' version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M3 13h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1zM3 7h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1zM3 19h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1z'></path></svg></span><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg class='ast-mobile-svg ast-close-svg' fill='currentColor' version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z'></path></svg></span>					</span>
									</button>
			</div>
					</div>
									</div>
											</div>
						</div>
	</div>
				<div class="ast-mobile-header-content content-align-flex-start ">
						<div class="ast-builder-menu-mobile ast-builder-menu ast-builder-menu-mobile-focus-item ast-builder-layout-element site-header-focus-item" data-section="section-header-mobile-menu">
			<div class="ast-main-header-bar-alignment"><div class="main-header-bar-navigation"><nav class="site-navigation ast-flex-grow-1 navigation-accessibility" id="ast-mobile-site-navigation" aria-label="Site Navigation" itemtype="https://schema.org/SiteNavigationElement" itemscope="itemscope"><div id="ast-hf-mobile-menu" class="main-navigation"><ul class="main-header-menu ast-nav-menu ast-flex  submenu-with-border astra-menu-animation-fade  stack-on-mobile"><li class="page_item page-item-4053 current-menu-item menu-item current-menu-item"><a href="https://www.darulvietii.ro/" class="menu-link"></a></li><li class="page_item page-item-35 menu-item"><a href="https://www.darulvietii.ro/contact/" class="menu-link">Contact</a></li><li class="page_item page-item-2950 menu-item"><a href="https://www.darulvietii.ro/date-donatii-leonard/" class="menu-link">Date donații Leonard</a></li><li class="page_item page-item-3477 menu-item"><a href="https://www.darulvietii.ro/serial-de-educatie-pro-life-hli-miami/" class="menu-link">Serial de educație pro-life &#8211; HLI Miami</a></li><li class="page_item page-item-3103 menu-item"><a href="https://www.darulvietii.ro/viata-in-vointa-divina/" class="menu-link">Viața în Voința Divină</a></li><li class="page_item page-item-2693 menu-item"><a href="https://www.darulvietii.ro/pontificatul-papei-benedict-al-xvi-lea-o-mostenire-uriasa-pro-life/" class="menu-link">Viața umană poartă scânteia divină!</a></li></ul></div></nav></div></div>		</div>
					</div>
			</div>
		</header><!-- #masthead -->
			<div id="content" class="site-content">
		<div class="ast-container">
		

	<div id="primary" class="content-area primary">

		
					<main id="main" class="site-main">
				<article
class="post-4053 page type-page status-publish ast-article-single" id="post-4053" itemtype="https://schema.org/CreativeWork" itemscope="itemscope">
	
				<header class="entry-header ast-no-thumbnail ast-no-title ast-header-without-markup">
				<h1 class="entry-title" itemprop="headline"></h1>			</header> <!-- .entry-header -->
		
<div class="entry-content clear"
	data-ast-blocks-layout="true" itemprop="text">

	
	
<figure data-spectra-id="spectra-ms8kdfdv-1beqn5" class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="427" src="https://www.darulvietii.ro/wp-content/uploads/2026/07/2-2-1024x427.jpg" alt="" class="wp-image-4108" srcset="https://www.darulvietii.ro/wp-content/uploads/2026/07/2-2-1024x427.jpg 1024w, https://www.darulvietii.ro/wp-content/uploads/2026/07/2-2-300x125.jpg 300w, https://www.darulvietii.ro/wp-content/uploads/2026/07/2-2-768x320.jpg 768w, https://www.darulvietii.ro/wp-content/uploads/2026/07/2-2-1536x640.jpg 1536w, https://www.darulvietii.ro/wp-content/uploads/2026/07/2-2.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Asociația Darul Vieții face parte din rețeaua internațională Human Life International și este o organizație non-profit catolică, pro-viață. </p>



<p>Depunem eforturi pentru a ne asigura că aveți la îndemână adevărul despre DEMNITATEA INERENTĂ ale vieții și familiei, care se află sub atac continuu din partea culturii moderne post-creștine, precum niciodată în istoria omenirii. Cunoașterea adevărurilor despre apărarea vieții și a familiei ne conferă arma de a răspunde cu precizie la aceste atacuri și instrumentele de a lua deciziile corecte în viețile noastre.</p>



<p>Datorită progreselor uimitoare ale tehnicii însoțită de înnoirea și modificarea limbajului pe de o parte și de evoluția semnificațiilor termenilor pe de altă parte,  demarcația dintre sacralitatea vieții și interferențele licite din punct de vedere moral ale serviciilor medicale devine tot mai estompată și necesită o continuă limpezire și conceptualizare.</p>



<p>Temeiul muncii noastre constă în rugăciune și în credința în învățătura Domnului nostru Isus Cristos formulată în Evanghelie și în Sf. Scriptură și explicată de Magisteriul Bisericii Catolice într-un mod coerent, cu o înțelegere profundă și pasionată a finței umane cu ajutorul și inspirația Spiritului Sfânt.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<figure data-spectra-id="spectra-ms8kdfe2-nqz9ro" class="wp-block-image size-large"><a href="https://www.darulvietii.ro/ajutor/donatii/?preview_id=73&amp;preview_nonce=70ac2668a2&amp;preview=true&amp;_thumbnail_id=75"><img decoding="async" width="1024" height="354" src="https://www.darulvietii.ro/wp-content/uploads/2026/07/Daca-apreciati_banner-2-1024x354.jpg" alt="" class="wp-image-4085" srcset="https://www.darulvietii.ro/wp-content/uploads/2026/07/Daca-apreciati_banner-2-1024x354.jpg 1024w, https://www.darulvietii.ro/wp-content/uploads/2026/07/Daca-apreciati_banner-2-300x104.jpg 300w, https://www.darulvietii.ro/wp-content/uploads/2026/07/Daca-apreciati_banner-2-768x265.jpg 768w, https://www.darulvietii.ro/wp-content/uploads/2026/07/Daca-apreciati_banner-2-1536x530.jpg 1536w, https://www.darulvietii.ro/wp-content/uploads/2026/07/Daca-apreciati_banner-2.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<figure data-spectra-id="spectra-ms8kdfe6-5yts8b" class="wp-block-image size-large"><a href="https://darulvietii.us4.list-manage.com/subscribe?u=5abadb36a10240a15920b9f1e&amp;id=d0e12e89ae"><img decoding="async" width="1024" height="512" src="https://www.darulvietii.ro/wp-content/uploads/2026/07/Brown-and-Beige-Vintage-Heritage-Manila-Tour-Banner-1024x512.jpg" alt="" class="wp-image-4093" srcset="https://www.darulvietii.ro/wp-content/uploads/2026/07/Brown-and-Beige-Vintage-Heritage-Manila-Tour-Banner-1024x512.jpg 1024w, https://www.darulvietii.ro/wp-content/uploads/2026/07/Brown-and-Beige-Vintage-Heritage-Manila-Tour-Banner-300x150.jpg 300w, https://www.darulvietii.ro/wp-content/uploads/2026/07/Brown-and-Beige-Vintage-Heritage-Manila-Tour-Banner-768x384.jpg 768w, https://www.darulvietii.ro/wp-content/uploads/2026/07/Brown-and-Beige-Vintage-Heritage-Manila-Tour-Banner-1536x768.jpg 1536w, https://www.darulvietii.ro/wp-content/uploads/2026/07/Brown-and-Beige-Vintage-Heritage-Manila-Tour-Banner-2048x1024.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p></p>


<div data-spectra-id="spectra-ms8l3hts-uz7aaj"
	class="spectra-post-layout-carousel spectra-post-equal-height spectra-post-carousel-1 align wp-block-spectra-post" style="--spectra-carousel-slides-lg: 3; --spectra-carousel-gap-lg: 30px; --spectra-arrow-opacity-lg: 1; --spectra-carousel-slides-md: 3; --spectra-carousel-gap-md: 30px; --spectra-arrow-opacity-md: 1; --spectra-carousel-slides-sm: 3; --spectra-carousel-gap-sm: 30px; --spectra-arrow-opacity-sm: 1;"	data-wp-context='spectra/post::{"queryId":"1","pageKey":"query-1-page","layoutType":"carousel","paginationType":"none","isLoading":false,"currentPage":1,"totalPages":100,"hasMore":true}'	data-wp-interactive="spectra/post"
	data-wp-router-region="query-1"
	data-wp-key="1"
			data-wp-init="callbacks.initCarousel"
		data-swiper="{&quot;slidesPerView&quot;:3,&quot;slidesPerGroup&quot;:1,&quot;spaceBetween&quot;:30,&quot;loop&quot;:true,&quot;speed&quot;:500,&quot;watchOverflow&quot;:true,&quot;observer&quot;:true,&quot;observeParents&quot;:true,&quot;observeSlideChildren&quot;:true,&quot;autoHeight&quot;:false,&quot;autoplay&quot;:{&quot;delay&quot;:2000,&quot;disableOnInteraction&quot;:false,&quot;pauseOnMouseEnter&quot;:true},&quot;navigation&quot;:true,&quot;pagination&quot;:true,&quot;breakpoints&quot;:{&quot;0&quot;:{&quot;slidesPerView&quot;:3,&quot;slidesPerGroup&quot;:1,&quot;spaceBetween&quot;:30},&quot;768&quot;:{&quot;slidesPerView&quot;:3,&quot;slidesPerGroup&quot;:1,&quot;spaceBetween&quot;:30},&quot;1024&quot;:{&quot;slidesPerView&quot;:3,&quot;slidesPerGroup&quot;:1,&quot;spaceBetween&quot;:30}}}"
		>
	

<div data-spectra-id="spectra-ms8l3omw-3vuz93" class="swiper wp-block-spectra-post-template">
			<div class="swiper-wrapper">
			<div class="spectra-post-item post-4124 post type-post status-publish format-standard has-post-thumbnail hentry category-castitate category-sfinti tag-castitate tag-decenta tag-imbracaminte-2 tag-iubire-adevarata tag-modestie tag-sfintii tag-virtute ast-article-single swiper-slide" data-wp-key="post-4124">
<div data-spectra-id="spectra-ms8l3zg6-pma4wf" style="--spectra-background-color: #F6F6F6;overflow: hidden" class="spectra-overlay-color spectra-overflow spectra-background-color wp-block-spectra-container is-layout-flow wp-block-spectra-container-is-layout-flow" data-orientation="horizontal">
	
<figure style="aspect-ratio:16/9;width:100%" class="wp-block-post-featured-image"><a href="https://www.darulvietii.ro/castitate/4124/" target="_self"><img loading="lazy" decoding="async" width="499" height="419" src="https://www.darulvietii.ro/wp-content/uploads/2026/08/Virtuos-woman_magnific.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Modestia &#8211; o formă de protecție a castității. Ce spun sfinții" style="width:100%;height:100%;object-fit:cover" /></a></figure>

<div data-spectra-id="spectra-ms8l3zfy-35je9o" class="spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-stretch is-nowrap is-layout-flex wp-container-spectra-container-is-layout-b4f2e3d2 wp-block-spectra-container-is-layout-flex" data-orientation="vertical">
	
<div class="taxonomy-category wp-block-post-terms"><a href="https://www.darulvietii.ro/castitate/" rel="tag">Castitate</a><span class="wp-block-post-terms__separator">, </span><a href="https://www.darulvietii.ro/sfinti/" rel="tag">Sfinți</a></div>

<h2 class="wp-block-post-title has-medium-font-size"><a href="https://www.darulvietii.ro/castitate/4124/" target="_self">Modestia &#8211; o formă de protecție a castității. Ce spun sfinții</a></h2>

<div class="wp-block-post-date"><time datetime="2026-07-31T06:51:42.754Z">31 iulie 2026</time></div>

<div class="wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">Despre modestia în îmbrăcăminte. Mai mulți sfinți și autori spirituali au vorbit foarte concret despre modestia în îmbrăcăminte, nu doar&hellip; </p></div>

<div data-spectra-id="spectra-ms8l3zfr-62ibge" class="spectra-overlay-color wp-block-spectra-container is-horizontal is-content-justification-left is-nowrap is-layout-flex wp-container-spectra-container-is-layout-64c2fd58 wp-block-spectra-container-is-layout-flex" data-orientation="horizontal">
	
<div class="wp-block-avatar"><img alt='Avatar Darul Vieții' src='https://secure.gravatar.com/avatar/ed22a2d877d2ebd776b6debce5b58172cb89f0c681e32722b45177f5eef0f97c?s=48&#038;d=mm&#038;r=g' class='avatar avatar-48 photo wp-block-avatar__image' height='48' width='48' style="border-radius:999px" /></div>

<div class="wp-block-post-author-name">Darul Vieții</div>
</div>

</div>

</div>

</div><div class="spectra-post-item post-4115 post type-post status-publish format-standard has-post-thumbnail hentry category-despre-noi tag-fondatorul-human-life-international tag-pr-paul-marx ast-article-single swiper-slide" data-wp-key="post-4115">
<div data-spectra-id="spectra-ms8l3zg6-pma4wf" style="--spectra-background-color: #F6F6F6;overflow: hidden" class="spectra-overlay-color spectra-overflow spectra-background-color wp-block-spectra-container is-layout-flow wp-block-spectra-container-is-layout-flow" data-orientation="horizontal">
	
<figure style="aspect-ratio:16/9;width:100%" class="wp-block-post-featured-image"><a href="https://www.darulvietii.ro/despre-noi/pr-paul-marx-fondatorul-organizatiei-human-life-international/" target="_self"><img loading="lazy" decoding="async" width="212" height="300" src="https://www.darulvietii.ro/wp-content/uploads/2026/07/Fr.-Marx-2-212x300.jpg.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Pr. Paul Marx, fondatorul Organizației Human Life International" style="width:100%;height:100%;object-fit:cover" /></a></figure>

<div data-spectra-id="spectra-ms8l3zfy-35je9o" class="spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-stretch is-nowrap is-layout-flex wp-container-spectra-container-is-layout-b4f2e3d2 wp-block-spectra-container-is-layout-flex" data-orientation="vertical">
	
<div class="taxonomy-category wp-block-post-terms"><a href="https://www.darulvietii.ro/despre-noi/" rel="tag">Despre noi</a></div>

<h2 class="wp-block-post-title has-medium-font-size"><a href="https://www.darulvietii.ro/despre-noi/pr-paul-marx-fondatorul-organizatiei-human-life-international/" target="_self">Pr. Paul Marx, fondatorul Organizației Human Life International</a></h2>

<div class="wp-block-post-date"><time datetime="2026-07-31T06:51:42.754Z">31 iulie 2026</time></div>

<div class="wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">Cunoașterea problematicii de apărare a vieții o datorăm expertizei internaționale a colegilor noștri, experți pro-life, începând cu Pr. Paul Marx,&hellip; </p></div>

<div data-spectra-id="spectra-ms8l3zfr-62ibge" class="spectra-overlay-color wp-block-spectra-container is-horizontal is-content-justification-left is-nowrap is-layout-flex wp-container-spectra-container-is-layout-64c2fd58 wp-block-spectra-container-is-layout-flex" data-orientation="horizontal">
	
<div class="wp-block-avatar"><img alt='Avatar Darul Vieții' src='https://secure.gravatar.com/avatar/ed22a2d877d2ebd776b6debce5b58172cb89f0c681e32722b45177f5eef0f97c?s=48&#038;d=mm&#038;r=g' class='avatar avatar-48 photo wp-block-avatar__image' height='48' width='48' style="border-radius:999px" /></div>

<div class="wp-block-post-author-name">Darul Vieții</div>
</div>

</div>

</div>

</div><div class="spectra-post-item post-4041 post type-post status-publish format-standard has-post-thumbnail hentry category-eutanasia tag-asistenta-medicala-in-deces tag-bioetica tag-cauza-deces tag-clasificare-deces tag-eutanasia tag-invatatura-bisericii-catolice tag-parintele-giordano tag-sinucidere-asistata tag-teologie-morala ast-article-single swiper-slide" data-wp-key="post-4041">
<div data-spectra-id="spectra-ms8l3zg6-pma4wf" style="--spectra-background-color: #F6F6F6;overflow: hidden" class="spectra-overlay-color spectra-overflow spectra-background-color wp-block-spectra-container is-layout-flow wp-block-spectra-container-is-layout-flow" data-orientation="horizontal">
	
<figure style="aspect-ratio:16/9;width:100%" class="wp-block-post-featured-image"><a href="https://www.darulvietii.ro/resurse/eutanasia/cum-se-numara-si-cum-nu-se-numara-asistenta-medicala-in-deces/" target="_self"><img loading="lazy" decoding="async" width="220" height="162" src="https://www.darulvietii.ro/wp-content/uploads/2026/07/pexels-tima-miroshnichenko-6010783-220x162.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Cum se numără și cum nu se numără asistența medicală în deces" style="width:100%;height:100%;object-fit:cover" /></a></figure>

<div data-spectra-id="spectra-ms8l3zfy-35je9o" class="spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-stretch is-nowrap is-layout-flex wp-container-spectra-container-is-layout-b4f2e3d2 wp-block-spectra-container-is-layout-flex" data-orientation="vertical">
	
<div class="taxonomy-category wp-block-post-terms"><a href="https://www.darulvietii.ro/resurse/eutanasia/" rel="tag">Eutanasia</a></div>

<h2 class="wp-block-post-title has-medium-font-size"><a href="https://www.darulvietii.ro/resurse/eutanasia/cum-se-numara-si-cum-nu-se-numara-asistenta-medicala-in-deces/" target="_self">Cum se numără și cum nu se numără asistența medicală în deces</a></h2>

<div class="wp-block-post-date"><time datetime="2026-07-31T06:51:42.754Z">31 iulie 2026</time></div>

<div class="wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">Cum se numără și cum nu se numără asistența medicală în deces (Medical Asistance in Death &#8211; MAiD) 16 iul. 2026 De&hellip; </p></div>

<div data-spectra-id="spectra-ms8l3zfr-62ibge" class="spectra-overlay-color wp-block-spectra-container is-horizontal is-content-justification-left is-nowrap is-layout-flex wp-container-spectra-container-is-layout-64c2fd58 wp-block-spectra-container-is-layout-flex" data-orientation="horizontal">
	
<div class="wp-block-avatar"><img alt='Avatar Darul Vieții' src='https://secure.gravatar.com/avatar/ed22a2d877d2ebd776b6debce5b58172cb89f0c681e32722b45177f5eef0f97c?s=48&#038;d=mm&#038;r=g' class='avatar avatar-48 photo wp-block-avatar__image' height='48' width='48' style="border-radius:999px" /></div>

<div class="wp-block-post-author-name">Darul Vieții</div>
</div>

</div>

</div>

</div><div class="spectra-post-item post-4027 post type-post status-publish format-standard has-post-thumbnail hentry category-familia tag-arhetipul-casatoriei-catolice tag-planificarea-natruala tag-planul-mantuirii tag-sacramentul-casatoriei ast-article-single swiper-slide" data-wp-key="post-4027">
<div data-spectra-id="spectra-ms8l3zg6-pma4wf" style="--spectra-background-color: #F6F6F6;overflow: hidden" class="spectra-overlay-color spectra-overflow spectra-background-color wp-block-spectra-container is-layout-flow wp-block-spectra-container-is-layout-flow" data-orientation="horizontal">
	
<figure style="aspect-ratio:16/9;width:100%" class="wp-block-post-featured-image"><a href="https://www.darulvietii.ro/resurse/familia/teologia-trupului-si-humanae-vitae-arhetipul-sfantului-ioan-paul-al-ii-lea-pentru-casatoria-catolica/" target="_self"><img loading="lazy" decoding="async" width="220" height="162" src="https://www.darulvietii.ro/wp-content/uploads/2026/06/pexels-val-bee-1243589568-23294343-220x162.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Teologia trupului și Humanae Vitae: Arhetipul Sfântului Ioan Paul al II-lea pentru căsătoria catolică" style="width:100%;height:100%;object-fit:cover" /></a></figure>

<div data-spectra-id="spectra-ms8l3zfy-35je9o" class="spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-stretch is-nowrap is-layout-flex wp-container-spectra-container-is-layout-b4f2e3d2 wp-block-spectra-container-is-layout-flex" data-orientation="vertical">
	
<div class="taxonomy-category wp-block-post-terms"><a href="https://www.darulvietii.ro/resurse/familia/" rel="tag">Familia</a></div>

<h2 class="wp-block-post-title has-medium-font-size"><a href="https://www.darulvietii.ro/resurse/familia/teologia-trupului-si-humanae-vitae-arhetipul-sfantului-ioan-paul-al-ii-lea-pentru-casatoria-catolica/" target="_self">Teologia trupului și Humanae Vitae: Arhetipul Sfântului Ioan Paul al II-lea pentru căsătoria catolică</a></h2>

<div class="wp-block-post-date"><time datetime="2026-07-31T06:51:42.754Z">31 iulie 2026</time></div>

<div class="wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">Teologia trupului – partea a III-a Sacramentul Căsătoriei, iubirea conjugală și rolul familiei în planul mântuirii Al cincilea ciclu al&hellip; </p></div>

<div data-spectra-id="spectra-ms8l3zfr-62ibge" class="spectra-overlay-color wp-block-spectra-container is-horizontal is-content-justification-left is-nowrap is-layout-flex wp-container-spectra-container-is-layout-64c2fd58 wp-block-spectra-container-is-layout-flex" data-orientation="horizontal">
	
<div class="wp-block-avatar"><img alt='Avatar Darul Vieții' src='https://secure.gravatar.com/avatar/ed22a2d877d2ebd776b6debce5b58172cb89f0c681e32722b45177f5eef0f97c?s=48&#038;d=mm&#038;r=g' class='avatar avatar-48 photo wp-block-avatar__image' height='48' width='48' style="border-radius:999px" /></div>

<div class="wp-block-post-author-name">Darul Vieții</div>
</div>

</div>

</div>

</div><div class="spectra-post-item post-4022 post type-post status-publish format-standard has-post-thumbnail hentry category-familia tag-atentie tag-dialog tag-fidelitate tag-recunostinta tag-respect ast-article-single swiper-slide" data-wp-key="post-4022">
<div data-spectra-id="spectra-ms8l3zg6-pma4wf" style="--spectra-background-color: #F6F6F6;overflow: hidden" class="spectra-overlay-color spectra-overflow spectra-background-color wp-block-spectra-container is-layout-flow wp-block-spectra-container-is-layout-flow" data-orientation="horizontal">
	
<figure style="aspect-ratio:16/9;width:100%" class="wp-block-post-featured-image"><a href="https://www.darulvietii.ro/resurse/familia/cum-sa-remediezi-racirea-relatiei-in-casnicie/" target="_self"><img loading="lazy" decoding="async" width="220" height="162" src="https://www.darulvietii.ro/wp-content/uploads/2019/06/couple-silhouette-220x162.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Cum să remediezi răcirea relației în căsnicie" style="width:100%;height:100%;object-fit:cover" /></a></figure>

<div data-spectra-id="spectra-ms8l3zfy-35je9o" class="spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-stretch is-nowrap is-layout-flex wp-container-spectra-container-is-layout-b4f2e3d2 wp-block-spectra-container-is-layout-flex" data-orientation="vertical">
	
<div class="taxonomy-category wp-block-post-terms"><a href="https://www.darulvietii.ro/resurse/familia/" rel="tag">Familia</a></div>

<h2 class="wp-block-post-title has-medium-font-size"><a href="https://www.darulvietii.ro/resurse/familia/cum-sa-remediezi-racirea-relatiei-in-casnicie/" target="_self">Cum să remediezi răcirea relației în căsnicie</a></h2>

<div class="wp-block-post-date"><time datetime="2026-07-31T06:51:42.754Z">31 iulie 2026</time></div>

<div class="wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt"> O strategie de doar șapte zile John Gottman și Julie Gottman, specialiștii în relații de cuplu prezintă metoda bazată pe peste&hellip; </p></div>

<div data-spectra-id="spectra-ms8l3zfr-62ibge" class="spectra-overlay-color wp-block-spectra-container is-horizontal is-content-justification-left is-nowrap is-layout-flex wp-container-spectra-container-is-layout-64c2fd58 wp-block-spectra-container-is-layout-flex" data-orientation="horizontal">
	
<div class="wp-block-avatar"><img alt='Avatar Darul Vieții' src='https://secure.gravatar.com/avatar/ed22a2d877d2ebd776b6debce5b58172cb89f0c681e32722b45177f5eef0f97c?s=48&#038;d=mm&#038;r=g' class='avatar avatar-48 photo wp-block-avatar__image' height='48' width='48' style="border-radius:999px" /></div>

<div class="wp-block-post-author-name">Darul Vieții</div>
</div>

</div>

</div>

</div><div class="spectra-post-item post-4013 post type-post status-publish format-standard has-post-thumbnail hentry category-familia tag-casatoria tag-conditia-iubirii-autentice tag-fidelitate tag-libertatea ast-article-single swiper-slide" data-wp-key="post-4013">
<div data-spectra-id="spectra-ms8l3zg6-pma4wf" style="--spectra-background-color: #F6F6F6;overflow: hidden" class="spectra-overlay-color spectra-overflow spectra-background-color wp-block-spectra-container is-layout-flow wp-block-spectra-container-is-layout-flow" data-orientation="horizontal">
	
<figure style="aspect-ratio:16/9;width:100%" class="wp-block-post-featured-image"><a href="https://www.darulvietii.ro/resurse/familia/libertatea-si-fidelitatea-temelia-iubirii-conjugale/" target="_self"><img loading="lazy" decoding="async" width="220" height="162" src="https://www.darulvietii.ro/wp-content/uploads/2026/06/magnific_a-hawk-and-an-eagle-tied-_tfVPHhMmZJ-220x162.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Libertatea și fidelitatea – temelia iubirii conjugale " style="width:100%;height:100%;object-fit:cover" /></a></figure>

<div data-spectra-id="spectra-ms8l3zfy-35je9o" class="spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-stretch is-nowrap is-layout-flex wp-container-spectra-container-is-layout-b4f2e3d2 wp-block-spectra-container-is-layout-flex" data-orientation="vertical">
	
<div class="taxonomy-category wp-block-post-terms"><a href="https://www.darulvietii.ro/resurse/familia/" rel="tag">Familia</a></div>

<h2 class="wp-block-post-title has-medium-font-size"><a href="https://www.darulvietii.ro/resurse/familia/libertatea-si-fidelitatea-temelia-iubirii-conjugale/" target="_self">Libertatea și fidelitatea – temelia iubirii conjugale </a></h2>

<div class="wp-block-post-date"><time datetime="2026-07-31T06:51:42.754Z">31 iulie 2026</time></div>

<div class="wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">Carlos Padilla Esteban  reflectează într-un articol asupra naturii iubirii conjugale și subliniază că adevărata iubire nu poate exista fără libertate.&hellip; </p></div>

<div data-spectra-id="spectra-ms8l3zfr-62ibge" class="spectra-overlay-color wp-block-spectra-container is-horizontal is-content-justification-left is-nowrap is-layout-flex wp-container-spectra-container-is-layout-64c2fd58 wp-block-spectra-container-is-layout-flex" data-orientation="horizontal">
	
<div class="wp-block-avatar"><img alt='Avatar Darul Vieții' src='https://secure.gravatar.com/avatar/ed22a2d877d2ebd776b6debce5b58172cb89f0c681e32722b45177f5eef0f97c?s=48&#038;d=mm&#038;r=g' class='avatar avatar-48 photo wp-block-avatar__image' height='48' width='48' style="border-radius:999px" /></div>

<div class="wp-block-post-author-name">Darul Vieții</div>
</div>

</div>

</div>

</div>		</div>
	</div>

			<div class="swiper-button-prev" role="button" aria-label="Previous slide" data-role="none" tabindex="0">
			<span class="screen-reader-text">Previous slide</span>
						<svg class="spectra-icon" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" focusable="false" aria-hidden="true"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"></path></svg>
					</div>
		<div class="swiper-button-next" role="button" aria-label="Next slide" data-role="none" tabindex="0">
			<span class="screen-reader-text">Next slide</span>
						<svg class="spectra-icon" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" focusable="false" aria-hidden="true"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg>
					</div>
	
			<div class="swiper-pagination"></div>
	


	</div>




<p></p>

	
	
</div><!-- .entry-content .clear -->

	
	
</article><!-- #post-## -->

			</main><!-- #main -->
			
		
	</div><!-- #primary -->


	<div class="widget-area secondary" id="secondary" itemtype="https://schema.org/WPSideBar" itemscope="itemscope">
	<div class="sidebar-main" >
		
		<aside id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://www.darulvietii.ro/">
	<label for="search-field">
		<span class="screen-reader-text">Search for:</span>
		<input type="search" id="search-field-sticky" class="search-field"   placeholder="Search..." value="" name="s" tabindex="-1">
					<button class="search-submit ast-search-submit" aria-label="Search Submit">
				<span hidden>Search</span>
				<i><span class="ast-icon icon-search"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="-893 477 142 142" enable-background="new -888 480 142 142" xml:space="preserve">
						  <path d="M-787.4,568.7h-6.3l-2.4-2.4c7.9-8.7,12.6-20.5,12.6-33.1c0-28.4-22.9-51.3-51.3-51.3  c-28.4,0-51.3,22.9-51.3,51.3c0,28.4,22.9,51.3,51.3,51.3c12.6,0,24.4-4.7,33.1-12.6l2.4,2.4v6.3l39.4,39.4l11.8-11.8L-787.4,568.7  L-787.4,568.7z M-834.7,568.7c-19.7,0-35.5-15.8-35.5-35.5c0-19.7,15.8-35.5,35.5-35.5c19.7,0,35.5,15.8,35.5,35.5  C-799.3,553-815,568.7-834.7,568.7L-834.7,568.7z" />
						  </svg></span></i>
			</button>
			</label>
			<input type="submit" class="search-submit" value="Search">
	</form>
</aside><aside id="block-54" class="widget widget_block widget_media_image">
<figure data-spectra-id="spectra-ms8lgtdo-22izgj" class="wp-block-image size-large"><a href="https://www.darulvietii.ro/wp-content/uploads/2026/04/20-ani-AEP_format-A2-scaled.jpg"><img loading="lazy" decoding="async" width="724" height="1024" src="https://www.darulvietii.ro/wp-content/uploads/2026/04/20-ani-AEP_format-A2-724x1024.jpg" alt="" class="wp-image-3885" srcset="https://www.darulvietii.ro/wp-content/uploads/2026/04/20-ani-AEP_format-A2-724x1024.jpg 724w, https://www.darulvietii.ro/wp-content/uploads/2026/04/20-ani-AEP_format-A2-212x300.jpg 212w, https://www.darulvietii.ro/wp-content/uploads/2026/04/20-ani-AEP_format-A2-768x1086.jpg 768w, https://www.darulvietii.ro/wp-content/uploads/2026/04/20-ani-AEP_format-A2-1086x1536.jpg 1086w, https://www.darulvietii.ro/wp-content/uploads/2026/04/20-ani-AEP_format-A2-scaled.jpg 1810w" sizes="auto, (max-width: 724px) 100vw, 724px" /></a></figure>
</aside><aside id="text-56" class="widget widget_text">			<div class="textwidget"><a href="https://www.youtube.com/@hliromania/streams"><img src="https://www.darulvietii.ro/wp-content/uploads/2023/01/Transmisie.jpg"></a></div>
		</aside><aside id="block-58" class="widget widget_block widget_media_image">
<figure data-spectra-id="spectra-ms8sjkrc-t2kd6h" class="wp-block-image size-large"><a href="https://www.reginapacis.ro/marturiseste/"><img loading="lazy" decoding="async" width="819" height="1024" src="https://www.darulvietii.ro/wp-content/uploads/2026/07/Brown-and-White-Minimalist-Content-Ideas-Carousel-Instagram-Post-819x1024.jpg" alt="" class="wp-image-4120" srcset="https://www.darulvietii.ro/wp-content/uploads/2026/07/Brown-and-White-Minimalist-Content-Ideas-Carousel-Instagram-Post-819x1024.jpg 819w, https://www.darulvietii.ro/wp-content/uploads/2026/07/Brown-and-White-Minimalist-Content-Ideas-Carousel-Instagram-Post-240x300.jpg 240w, https://www.darulvietii.ro/wp-content/uploads/2026/07/Brown-and-White-Minimalist-Content-Ideas-Carousel-Instagram-Post-768x960.jpg 768w, https://www.darulvietii.ro/wp-content/uploads/2026/07/Brown-and-White-Minimalist-Content-Ideas-Carousel-Instagram-Post.jpg 1080w" sizes="auto, (max-width: 819px) 100vw, 819px" /></a></figure>
</aside><aside id="block-56" class="widget widget_block widget_text">
<p>Abonați-vă la canalul Youtube.com/Regina Păcii</p>
</aside><aside id="block-57" class="widget widget_block">
<div class="wp-block-cover"><img loading="lazy" decoding="async" width="1024" height="534" class="wp-block-cover__image-background wp-image-3675" alt="" src="https://www.darulvietii.ro/wp-content/uploads/2026/01/Banner-Regina-Pacii-3-1024x534.jpg" data-object-fit="cover" srcset="https://www.darulvietii.ro/wp-content/uploads/2026/01/Banner-Regina-Pacii-3-1024x534.jpg 1024w, https://www.darulvietii.ro/wp-content/uploads/2026/01/Banner-Regina-Pacii-3-300x157.jpg 300w, https://www.darulvietii.ro/wp-content/uploads/2026/01/Banner-Regina-Pacii-3-768x401.jpg 768w, https://www.darulvietii.ro/wp-content/uploads/2026/01/Banner-Regina-Pacii-3-1536x802.jpg 1536w, https://www.darulvietii.ro/wp-content/uploads/2026/01/Banner-Regina-Pacii-3.jpg 1640w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<p class="has-text-align-center has-large-font-size"></p>
</div></div>
</aside><aside id="block-4" class="widget widget_block">
<h2 class="wp-block-heading">Ultimele articole</h2>
</aside><aside id="block-2" class="widget widget_block widget_recent_entries"><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://www.darulvietii.ro/castitate/4124/">Modestia &#8211; o formă de protecție a castității. Ce spun sfinții</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://www.darulvietii.ro/despre-noi/pr-paul-marx-fondatorul-organizatiei-human-life-international/">Pr. Paul Marx, fondatorul Organizației Human Life International</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://www.darulvietii.ro/resurse/eutanasia/cum-se-numara-si-cum-nu-se-numara-asistenta-medicala-in-deces/">Cum se numără și cum nu se numără asistența medicală în deces</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://www.darulvietii.ro/resurse/familia/teologia-trupului-si-humanae-vitae-arhetipul-sfantului-ioan-paul-al-ii-lea-pentru-casatoria-catolica/">Teologia trupului și Humanae Vitae: Arhetipul Sfântului Ioan Paul al II-lea pentru căsătoria catolică</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://www.darulvietii.ro/resurse/familia/cum-sa-remediezi-racirea-relatiei-in-casnicie/">Cum să remediezi răcirea relației în căsnicie</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://www.darulvietii.ro/resurse/familia/libertatea-si-fidelitatea-temelia-iubirii-conjugale/">Libertatea și fidelitatea – temelia iubirii conjugale </a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://www.darulvietii.ro/castitate/curiculum-biblic-sexualitate-sacra-pentru-adolescenti/">CURRICULUM BIBLIC: SEXUALITATE SACRĂ PENTRU ADOLESCENȚI</a></li>
</ul></aside><aside id="block-41" class="widget widget_block widget_media_image">
<figure data-spectra-id="spectra-ms8lgtdq-s3g0tu" class="wp-block-image size-full"><a href="https://www.darulvietii.ro/wp-content/uploads/2025/12/Singurul-1.jpg"><img loading="lazy" decoding="async" width="915" height="427" src="https://www.darulvietii.ro/wp-content/uploads/2025/12/Singurul-1.jpg" alt="" class="wp-image-3630" srcset="https://www.darulvietii.ro/wp-content/uploads/2025/12/Singurul-1.jpg 915w, https://www.darulvietii.ro/wp-content/uploads/2025/12/Singurul-1-300x140.jpg 300w, https://www.darulvietii.ro/wp-content/uploads/2025/12/Singurul-1-768x358.jpg 768w" sizes="auto, (max-width: 915px) 100vw, 915px" /></a></figure>
</aside><aside id="block-59" class="widget widget_block">
<ul class="wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex"><li class="wp-social-link wp-social-link-instagram  wp-block-social-link"><a href="https://www.instagram.com/sf.mariaregina/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Instagram</span></a></li>

<li class="wp-social-link wp-social-link-youtube  wp-block-social-link"><a href="https://www.youtube.com/@hliromania" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li>

<li class="wp-social-link wp-social-link-facebook  wp-block-social-link"><a href="https://www.facebook.com/profile.php?id=100064415004804" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li>

<li class="wp-social-link wp-social-link-x  wp-block-social-link"><a href="https://x.com/HumanLifeEurope" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z" /></svg><span class="wp-block-social-link-label screen-reader-text">X</span></a></li>

<li class="wp-social-link wp-social-link-whatsapp  wp-block-social-link"><a href="https://whatsapp.com/channel/0029Vb5g505LSmbdZAgdBG0y" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M 12.011719 2 C 6.5057187 2 2.0234844 6.478375 2.0214844 11.984375 C 2.0204844 13.744375 2.4814687 15.462563 3.3554688 16.976562 L 2 22 L 7.2324219 20.763672 C 8.6914219 21.559672 10.333859 21.977516 12.005859 21.978516 L 12.009766 21.978516 C 17.514766 21.978516 21.995047 17.499141 21.998047 11.994141 C 22.000047 9.3251406 20.962172 6.8157344 19.076172 4.9277344 C 17.190172 3.0407344 14.683719 2.001 12.011719 2 z M 12.009766 4 C 14.145766 4.001 16.153109 4.8337969 17.662109 6.3417969 C 19.171109 7.8517969 20.000047 9.8581875 19.998047 11.992188 C 19.996047 16.396187 16.413812 19.978516 12.007812 19.978516 C 10.674812 19.977516 9.3544062 19.642812 8.1914062 19.007812 L 7.5175781 18.640625 L 6.7734375 18.816406 L 4.8046875 19.28125 L 5.2851562 17.496094 L 5.5019531 16.695312 L 5.0878906 15.976562 C 4.3898906 14.768562 4.0204844 13.387375 4.0214844 11.984375 C 4.0234844 7.582375 7.6067656 4 12.009766 4 z M 8.4765625 7.375 C 8.3095625 7.375 8.0395469 7.4375 7.8105469 7.6875 C 7.5815469 7.9365 6.9355469 8.5395781 6.9355469 9.7675781 C 6.9355469 10.995578 7.8300781 12.182609 7.9550781 12.349609 C 8.0790781 12.515609 9.68175 15.115234 12.21875 16.115234 C 14.32675 16.946234 14.754891 16.782234 15.212891 16.740234 C 15.670891 16.699234 16.690438 16.137687 16.898438 15.554688 C 17.106437 14.971687 17.106922 14.470187 17.044922 14.367188 C 16.982922 14.263188 16.816406 14.201172 16.566406 14.076172 C 16.317406 13.951172 15.090328 13.348625 14.861328 13.265625 C 14.632328 13.182625 14.464828 13.140625 14.298828 13.390625 C 14.132828 13.640625 13.655766 14.201187 13.509766 14.367188 C 13.363766 14.534188 13.21875 14.556641 12.96875 14.431641 C 12.71875 14.305641 11.914938 14.041406 10.960938 13.191406 C 10.218937 12.530406 9.7182656 11.714844 9.5722656 11.464844 C 9.4272656 11.215844 9.5585938 11.079078 9.6835938 10.955078 C 9.7955938 10.843078 9.9316406 10.663578 10.056641 10.517578 C 10.180641 10.371578 10.223641 10.267562 10.306641 10.101562 C 10.389641 9.9355625 10.347156 9.7890625 10.285156 9.6640625 C 10.223156 9.5390625 9.737625 8.3065 9.515625 7.8125 C 9.328625 7.3975 9.131125 7.3878594 8.953125 7.3808594 C 8.808125 7.3748594 8.6425625 7.375 8.4765625 7.375 z"></path></svg><span class="wp-block-social-link-label screen-reader-text">WhatsApp</span></a></li>

<li class="wp-social-link wp-social-link-telegram  wp-block-social-link"><a href="https://t.me/ReginaPacii" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 128 128" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M28.9700376,63.3244248 C47.6273373,55.1957357 60.0684594,49.8368063 66.2934036,47.2476366 C84.0668845,39.855031 87.7600616,38.5708563 90.1672227,38.528 C90.6966555,38.5191258 91.8804274,38.6503351 92.6472251,39.2725385 C93.294694,39.7979149 93.4728387,40.5076237 93.5580865,41.0057381 C93.6433345,41.5038525 93.7494885,42.63857 93.6651041,43.5252052 C92.7019529,53.6451182 88.5344133,78.2034783 86.4142057,89.5379542 C85.5170662,94.3339958 83.750571,95.9420841 82.0403991,96.0994568 C78.3237996,96.4414641 75.5015827,93.6432685 71.9018743,91.2836143 C66.2690414,87.5912212 63.0868492,85.2926952 57.6192095,81.6896017 C51.3004058,77.5256038 55.3966232,75.2369981 58.9976911,71.4967761 C59.9401076,70.5179421 76.3155302,55.6232293 76.6324771,54.2720454 C76.6721165,54.1030573 76.7089039,53.4731496 76.3346867,53.1405352 C75.9604695,52.8079208 75.4081573,52.921662 75.0095933,53.0121213 C74.444641,53.1403447 65.4461175,59.0880351 48.0140228,70.8551922 C45.4598218,72.6091037 43.1463059,73.4636682 41.0734751,73.4188859 C38.7883453,73.3695169 34.3926725,72.1268388 31.1249416,71.0646282 C27.1169366,69.7617838 23.931454,69.0729605 24.208838,66.8603276 C24.3533167,65.7078514 25.9403832,64.5292172 28.9700376,63.3244248 Z" /></svg><span class="wp-block-social-link-label screen-reader-text">Telegram</span></a></li></ul>
</aside><aside id="block-40" class="widget widget_block widget_media_image">
<figure data-spectra-id="spectra-ms8lgtdq-cgppnu" class="wp-block-image size-large"><a href="https://www.darulvietii.ro/wp-content/uploads/2025/11/Calendar-2026_varianta-2-1.pdf"><img loading="lazy" decoding="async" width="1024" height="724" src="https://www.darulvietii.ro/wp-content/uploads/2025/11/1-1024x724.jpg" alt="" class="wp-image-3578" srcset="https://www.darulvietii.ro/wp-content/uploads/2025/11/1-1024x724.jpg 1024w, https://www.darulvietii.ro/wp-content/uploads/2025/11/1-300x212.jpg 300w, https://www.darulvietii.ro/wp-content/uploads/2025/11/1-768x543.jpg 768w, https://www.darulvietii.ro/wp-content/uploads/2025/11/1-1536x1086.jpg 1536w, https://www.darulvietii.ro/wp-content/uploads/2025/11/1-2048x1448.jpg 2048w, https://www.darulvietii.ro/wp-content/uploads/2025/11/1-140x100.jpg 140w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>
</aside><aside id="block-35" class="widget widget_block widget_media_image">
<figure data-spectra-id="spectra-ms8lgtdr-w0b902" class="wp-block-image size-large"><a href="https://www.darulvietii.ro/serial-de-educatie-pro-life-hli-miami/"><img loading="lazy" decoding="async" width="1024" height="737" src="https://www.darulvietii.ro/wp-content/uploads/2025/08/Serial-educatie-2-1024x737.jpg" alt="" class="wp-image-3486" srcset="https://www.darulvietii.ro/wp-content/uploads/2025/08/Serial-educatie-2-1024x737.jpg 1024w, https://www.darulvietii.ro/wp-content/uploads/2025/08/Serial-educatie-2-300x216.jpg 300w, https://www.darulvietii.ro/wp-content/uploads/2025/08/Serial-educatie-2-768x553.jpg 768w, https://www.darulvietii.ro/wp-content/uploads/2025/08/Serial-educatie-2-140x100.jpg 140w, https://www.darulvietii.ro/wp-content/uploads/2025/08/Serial-educatie-2.jpg 1080w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>
</aside><aside id="block-32" class="widget widget_block">
<h2 class="wp-block-heading">Canale noi pe rețele sociale!</h2>
</aside><aside id="block-31" class="widget widget_block widget_media_image">
<figure data-spectra-id="spectra-ms8lgtdr-r0lfor" class="wp-block-image size-large"><a href="https://t.me/+5YebdCdJ-5E1MGFk"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.darulvietii.ro/wp-content/uploads/2025/08/Urmariti-activitatea-Sf.-Maria-Regina-Pacii-1024x576.jpg" alt="" class="wp-image-3475" srcset="https://www.darulvietii.ro/wp-content/uploads/2025/08/Urmariti-activitatea-Sf.-Maria-Regina-Pacii-1024x576.jpg 1024w, https://www.darulvietii.ro/wp-content/uploads/2025/08/Urmariti-activitatea-Sf.-Maria-Regina-Pacii-300x169.jpg 300w, https://www.darulvietii.ro/wp-content/uploads/2025/08/Urmariti-activitatea-Sf.-Maria-Regina-Pacii-768x432.jpg 768w, https://www.darulvietii.ro/wp-content/uploads/2025/08/Urmariti-activitatea-Sf.-Maria-Regina-Pacii-1536x864.jpg 1536w, https://www.darulvietii.ro/wp-content/uploads/2025/08/Urmariti-activitatea-Sf.-Maria-Regina-Pacii.jpg 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>
</aside><aside id="block-34" class="widget widget_block widget_media_image">
<figure data-spectra-id="spectra-ms8lgtds-os2gxx" class="wp-block-image size-large"><a href="https://www.darulvietii.ro/wp-content/uploads/2025/08/Trebuie-sa-fii-religios.jpeg"><img loading="lazy" decoding="async" width="443" height="1024" src="https://www.darulvietii.ro/wp-content/uploads/2025/08/Trebuie-sa-fii-religios-443x1024.jpeg" alt="" class="wp-image-3476" srcset="https://www.darulvietii.ro/wp-content/uploads/2025/08/Trebuie-sa-fii-religios-443x1024.jpeg 443w, https://www.darulvietii.ro/wp-content/uploads/2025/08/Trebuie-sa-fii-religios-130x300.jpeg 130w, https://www.darulvietii.ro/wp-content/uploads/2025/08/Trebuie-sa-fii-religios.jpeg 563w" sizes="auto, (max-width: 443px) 100vw, 443px" /></a></figure>
</aside><aside id="block-27" class="widget widget_block widget_media_image">
<figure data-spectra-id="spectra-ms8lgtds-z8cwdc" class="wp-block-image size-large"><a href="https://www.darulvietii.ro/wp-content/uploads/2025/05/Nu-putem-construi.jpg"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.darulvietii.ro/wp-content/uploads/2025/05/Nu-putem-construi-1024x576.jpg" alt="" class="wp-image-3323" srcset="https://www.darulvietii.ro/wp-content/uploads/2025/05/Nu-putem-construi-1024x576.jpg 1024w, https://www.darulvietii.ro/wp-content/uploads/2025/05/Nu-putem-construi-300x169.jpg 300w, https://www.darulvietii.ro/wp-content/uploads/2025/05/Nu-putem-construi-768x432.jpg 768w, https://www.darulvietii.ro/wp-content/uploads/2025/05/Nu-putem-construi-1536x864.jpg 1536w, https://www.darulvietii.ro/wp-content/uploads/2025/05/Nu-putem-construi.jpg 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>
</aside><aside id="block-10" class="widget widget_block widget_media_image">
<figure data-spectra-id="spectra-ms8lgtdt-fvlvf2" class="wp-block-image size-large"><a href="https://www.darulvietii.ro/wp-content/uploads/2025/01/Exercitii_web.jpg"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.darulvietii.ro/wp-content/uploads/2025/01/Exercitii_web-1024x576.jpg" alt="" class="wp-image-3197" srcset="https://www.darulvietii.ro/wp-content/uploads/2025/01/Exercitii_web-1024x576.jpg 1024w, https://www.darulvietii.ro/wp-content/uploads/2025/01/Exercitii_web-300x169.jpg 300w, https://www.darulvietii.ro/wp-content/uploads/2025/01/Exercitii_web-768x432.jpg 768w, https://www.darulvietii.ro/wp-content/uploads/2025/01/Exercitii_web-1536x864.jpg 1536w, https://www.darulvietii.ro/wp-content/uploads/2025/01/Exercitii_web.jpg 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>
</aside><aside id="block-7" class="widget widget_block widget_media_image">
<figure data-spectra-id="spectra-ms8lgtdt-c348yc" class="wp-block-image size-large"><a href="https://www.reginapacis.ro/conferinte-mons-dominique-rey/"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.darulvietii.ro/wp-content/uploads/2024/11/Seria-de-conferinte-1024x576.jpg" alt="" class="wp-image-3162" srcset="https://www.darulvietii.ro/wp-content/uploads/2024/11/Seria-de-conferinte-1024x576.jpg 1024w, https://www.darulvietii.ro/wp-content/uploads/2024/11/Seria-de-conferinte-300x169.jpg 300w, https://www.darulvietii.ro/wp-content/uploads/2024/11/Seria-de-conferinte-768x432.jpg 768w, https://www.darulvietii.ro/wp-content/uploads/2024/11/Seria-de-conferinte-1536x864.jpg 1536w, https://www.darulvietii.ro/wp-content/uploads/2024/11/Seria-de-conferinte.jpg 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>
</aside><aside id="text-68" class="widget widget_text"><h2 class="widget-title">Msgr.Episcop Dominique Rey in România</h2>			<div class="textwidget"><a href="https://www.darulvietii.ro/evenimente/interne/episcoprey/"><img src="https://www.darulvietii.ro/wp-content/uploads/2024/10/Vizita-Episcop2.jpg"></a></div>
		</aside><aside id="text-71" class="widget widget_text">			<div class="textwidget"><a href="https://www.youtube.com/@ViatainVointaDivina/featuredf"><img src="https://www.darulvietii.ro/wp-content/uploads/2024/07/Vizitați-Canalul-Youtube-2.jpg"></a></div>
		</aside><aside id="text-69" class="widget widget_text"><h2 class="widget-title">Vizitați noua pagina Youtube în lb.engleză!</h2>			<div class="textwidget"><a href="https://www.youtube.com/@HLI_Europe"><img src="https://www.darulvietii.ro/wp-content/uploads/2024/06/HLi-Europe-youtube.jpg"></a</div>
		</aside><aside id="text-67" class="widget widget_text"><h2 class="widget-title">Marșul pentru Viață din Timișoara 2024 &#8211; Album Foto</h2>			<div class="textwidget"><a data-flickr-embed="true" href="https://www.flickr.com/photos/79720393@N08/albums/72177720315801170" title="Marșul pentru Viață Timișoara 2024"><img src="https://live.staticflickr.com/65535/53621199559_4f0f21f800_z.jpg" width="640" height="480" alt="Marșul pentru Viață Timișoara 2024"/></a><script src="//embedr.flickr.com/assets/client-code.js" charset="utf-8" defer data-deferred="1"></script></div>
		</aside><aside id="text-65" class="widget widget_text">			<div class="textwidget"><iframe data-placeholder-image="https://www.darulvietii.ro/wp-content/uploads/complianz/placeholders/youtubeo7kN53fsrfQ-maxresdefault.webp" data-category="marketing" data-service="youtube" class="cmplz-placeholder-element cmplz-iframe cmplz-iframe-styles cmplz-video " data-cmplz-target="src" data-src-cmplz="https://www.youtube.com/embed/o7kN53fsrfQ?si=oPqfQeVvtXfswxd4"  src="about:blank"  title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>
		</aside><aside id="text-63" class="widget widget_text">			<div class="textwidget"><a href="https://www.reginapacis.ro/?p=3819"><img src="https://www.darulvietii.ro/wp-content/uploads/2023/10/Traditia_cover.jpg"></a></div>
		</aside><aside id="text-62" class="widget widget_text"><h2 class="widget-title">Pentru tineri!</h2>			<div class="textwidget"><a href="https://www.darulvietii.ro/castitate/reculegeri-sufletesti-tineri-frumusetea-nepieritoare-inimii-curate-elogiul-crestin-al-castitatii-si-al-pudorii/"><img src="https://www.darulvietii.ro/wp-content/uploads/2023/06/Reculegeri_web.jpg"></a></div>
		</aside><aside id="text-61" class="widget widget_text">			<div class="textwidget"><a href="https://www.darulvietii.ro/resurse/raspunsuri-esentiale/"><img src="https://www.darulvietii.ro/wp-content/uploads/2023/06/Screenshot-2023-06-01-at-13.04.10.png"></a></div>
		</aside><aside id="text-41" class="widget widget_text">			<div class="textwidget"><a href="https://www.reginapacis.ro/?p=1396"><img src="https://www.darulvietii.ro/wp-content/uploads/2019/07/pregatire-casatorie.png"></a></div>
		</aside><aside id="text-39" class="widget widget_text">			<div class="textwidget"><a href="https://www.darulvietii.ro/wp-content/uploads/2017/07/Insarcinata_2017_web.pdf"><img src="https://www.darulvietii.ro/wp-content/uploads/2019/06/gravida_web.jpg"></a></div>
		</aside><aside id="text-5" class="widget widget_text">			<div class="textwidget"><a href="http://eepurl.com/ivcSc"><img src="https://www.darulvietii.ro/wp-content/uploads/2016/08/aboneaza-te.jpg"></a></div>
		</aside><aside id="text-12" class="widget widget_text">			<div class="textwidget"><a href="https://www.darulvietii.ro/uncategorized/arhiva-ziarului-electronic-darul-vietii/"><img src="https://www.darulvietii.ro/wp-content/uploads/2016/09/arhiva-ziar.png"></a></div>
		</aside><aside id="text-11" class="widget widget_text">			<div class="textwidget"><a href="http://feeds.feedburner.com/AsociatiaDarulVietii" title="Subscribe to my feed" rel="alternate" type="application/rss+xml"><img src="//feedburner.google.com/fb/images/pub/feed-icon32x32.png" alt="" style="border:0"/></a><a href="http://feeds.feedburner.com/AsociatiaDarulVietii" title="Subscribe to my feed" rel="alternate" type="application/rss+xml">Subscribe in a reader</a></div>
		</aside><aside id="text-28" class="widget widget_text">			<div class="textwidget"><a href="https://www.reginapacis.ro/"><img src="https://www.reginapacis.ro/wp-content/uploads/2017/07/s5_logoRP.png"></a></div>
		</aside>
	</div><!-- .sidebar-main -->
</div><!-- #secondary -->


	</div> <!-- ast-container -->
	</div><!-- #content -->
<footer
class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon">
			<div class="site-above-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-4-equal ast-builder-grid-row-tablet-4-equal ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-above-footer-builder">
	<div class="ast-builder-grid-row-container-inner">
					<div class="ast-builder-footer-grid-columns site-above-footer-inner-wrap ast-builder-grid-row">
											<div class="site-footer-above-section-1 site-footer-section site-footer-section-1">
								<div class="footer-widget-area widget-area site-footer-focus-item" data-section="section-footer-menu">
				<div class="footer-bar-navigation"><nav class="site-navigation ast-flex-grow-1 navigation-accessibility footer-navigation" id="footer-site-navigation" aria-label="Site Navigation: bottom2" itemtype="https://schema.org/SiteNavigationElement" itemscope="itemscope"><div class="footer-nav-wrap"><ul id="astra-footer-menu" class="ast-nav-menu ast-flex astra-footer-horizontal-menu astra-footer-tablet-vertical-menu astra-footer-mobile-vertical-menu"><li id="menu-item-422" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-422"><a href="https://www.darulvietii.ro/resurse/marturii/" class="menu-link">Mărturii</a></li>
<li id="menu-item-423" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-423"><a href="https://www.darulvietii.ro/resurse/descarcari/" class="menu-link">Descărcări</a></li>
<li id="menu-item-424" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-424"><a href="https://www.darulvietii.ro/biserica/" class="menu-link">Biserica</a></li>
<li id="menu-item-2692" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2692"><a href="https://www.darulvietii.ro/transmisie-in-direct/" class="menu-link">Transmisie în direct</a></li>
<li id="menu-item-4113" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4113"><a href="https://www.darulvietii.ro/despre-noi/" class="menu-link">Despre noi</a></li>
</ul></div></nav></div>			</div>
							</div>
											<div class="site-footer-above-section-2 site-footer-section site-footer-section-2">
									</div>
											<div class="site-footer-above-section-3 site-footer-section site-footer-section-3">
									</div>
											<div class="site-footer-above-section-4 site-footer-section site-footer-section-4">
									</div>
										</div>
			</div>

</div>
<div class="site-below-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-full ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-below-footer-builder">
	<div class="ast-builder-grid-row-container-inner">
					<div class="ast-builder-footer-grid-columns site-below-footer-inner-wrap ast-builder-grid-row">
											<div class="site-footer-below-section-1 site-footer-section site-footer-section-1">
								<div class="ast-builder-layout-element ast-flex site-footer-focus-item ast-footer-copyright" data-section="section-footer-builder">
				<div class="ast-footer-copyright"><p>Copyright &copy; 2026  | Powered by <a href="https://wpastra.com" rel="nofollow noopener" target="_blank">Astra WordPress Theme</a></p>
</div>			</div>
						</div>
										</div>
			</div>

</div>
	</footer><!-- #colophon -->
	</div><!-- #page -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/astra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

<!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr -->
<div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 banner-a optin cmplz-bottom-right cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin">
	<div class="cmplz-header">
		<div class="cmplz-logo"></div>
		<div class="cmplz-title" id="cmplz-header-1-optin">Administrează consimțământul</div>
		<div class="cmplz-close" tabindex="0" role="button" aria-label="Închide dialogul">
			<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
		</div>
	</div>

	<div class="cmplz-divider cmplz-divider-header"></div>
	<div class="cmplz-body">
		<div class="cmplz-message" id="cmplz-message-1-optin">Pentru a oferi cea mai bună experiență, folosim tehnologii, cum ar fi cookie-uri, pentru a stoca și/sau accesa informațiile despre dispozitive. Consimțământul pentru aceste tehnologii ne permite să procesăm date, cum ar fi comportamentul de navigare sau ID-uri unice pe acest site. Dacă nu îți dai consimțământul sau îți retragi consimțământul dat poate avea afecte negative asupra unor anumite funcționalități și funcții.</div>
		<!-- categories start -->
		<div class="cmplz-categories">
			<details class="cmplz-category cmplz-functional" >
				<summary>
						<span class="cmplz-category-header">
							<span class="cmplz-category-title">Funcționale</span>
							<span class='cmplz-always-active'>
								<span class="cmplz-banner-checkbox">
									<input type="checkbox"
										   id="cmplz-functional-optin"
										   data-category="cmplz_functional"
										   class="cmplz-consent-checkbox cmplz-functional"
										   size="40"
										   value="1"/>
									<label class="cmplz-label" for="cmplz-functional-optin"><span class="screen-reader-text">Funcționale</span></label>
								</span>
								Mereu activ							</span>
							<span class="cmplz-icon cmplz-open">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"  height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
							</span>
						</span>
				</summary>
				<div class="cmplz-description">
					<span class="cmplz-description-functional">Stocarea tehnică sau accesul este strict necesară în scopul legitim de a permite utilizarea unui anumit serviciu cerut în mod explicit de către un abonat sau un utilizator sau în scopul exclusiv de a executa transmiterea unei comunicări printr-o rețea de comunicații electronice.</span>
				</div>
			</details>

			<details class="cmplz-category cmplz-preferences" >
				<summary>
						<span class="cmplz-category-header">
							<span class="cmplz-category-title">Preferințe</span>
							<span class="cmplz-banner-checkbox">
								<input type="checkbox"
									   id="cmplz-preferences-optin"
									   data-category="cmplz_preferences"
									   class="cmplz-consent-checkbox cmplz-preferences"
									   size="40"
									   value="1"/>
								<label class="cmplz-label" for="cmplz-preferences-optin"><span class="screen-reader-text">Preferințe</span></label>
							</span>
							<span class="cmplz-icon cmplz-open">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"  height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
							</span>
						</span>
				</summary>
				<div class="cmplz-description">
					<span class="cmplz-description-preferences">Stocarea tehnică sau accesul este necesară în scop legitim pentru stocarea preferințelor care nu sunt cerute de abonat sau utilizator.</span>
				</div>
			</details>

			<details class="cmplz-category cmplz-statistics" >
				<summary>
						<span class="cmplz-category-header">
							<span class="cmplz-category-title">Statistici</span>
							<span class="cmplz-banner-checkbox">
								<input type="checkbox"
									   id="cmplz-statistics-optin"
									   data-category="cmplz_statistics"
									   class="cmplz-consent-checkbox cmplz-statistics"
									   size="40"
									   value="1"/>
								<label class="cmplz-label" for="cmplz-statistics-optin"><span class="screen-reader-text">Statistici</span></label>
							</span>
							<span class="cmplz-icon cmplz-open">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"  height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
							</span>
						</span>
				</summary>
				<div class="cmplz-description">
					<span class="cmplz-description-statistics">Stocarea tehnică sau accesul care sunt utilizate exclusiv în scopuri statistice.</span>
					<span class="cmplz-description-statistics-anonymous">Stocarea tehnică sau accesul care sunt utilizate exclusiv în scopuri statistice anonime. Fără o citație, conformitatea voluntară din partea Furnizorului tău de servicii de internet sau înregistrările suplimentare de la o terță parte, informațiile stocate sau preluate numai în acest scop nu pot fi utilizate de obicei pentru a te identifica.</span>
				</div>
			</details>
			<details class="cmplz-category cmplz-marketing" >
				<summary>
						<span class="cmplz-category-header">
							<span class="cmplz-category-title">Marketing</span>
							<span class="cmplz-banner-checkbox">
								<input type="checkbox"
									   id="cmplz-marketing-optin"
									   data-category="cmplz_marketing"
									   class="cmplz-consent-checkbox cmplz-marketing"
									   size="40"
									   value="1"/>
								<label class="cmplz-label" for="cmplz-marketing-optin"><span class="screen-reader-text">Marketing</span></label>
							</span>
							<span class="cmplz-icon cmplz-open">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"  height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
							</span>
						</span>
				</summary>
				<div class="cmplz-description">
					<span class="cmplz-description-marketing">Stocarea tehnică sau accesul este necesară pentru a crea profiluri de utilizator la care trimitem publicitate sau pentru a urmări utilizatorul pe un site web sau pe mai multe site-uri web în scopuri de marketing similare.</span>
				</div>
			</details>
		</div><!-- categories end -->
			</div>

	<div class="cmplz-links cmplz-information">
		<ul>
			<li><a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Administrează opțiunile</a></li>
			<li><a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Administrează serviciile</a></li>
			<li><a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Administrează vânzătorii {vendor_count}</a></li>
			<li><a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/" aria-label="Read more about TCF purposes on Cookie Database">Citește mai multe despre aceste scopuri</a></li>
		</ul>
			</div>

	<div class="cmplz-divider cmplz-footer"></div>

	<div class="cmplz-buttons">
		<button class="cmplz-btn cmplz-accept">Acceptă</button>
		<button class="cmplz-btn cmplz-deny">Refuză</button>
		<button class="cmplz-btn cmplz-view-preferences">Vezi preferințele</button>
		<button class="cmplz-btn cmplz-save-preferences">Salvează preferințele</button>
		<a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Vezi preferințele</a>
			</div>

	
	<div class="cmplz-documents cmplz-links">
		<ul>
			<li><a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a></li>
			<li><a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a></li>
			<li><a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a></li>
		</ul>
			</div>
</div>
</div>
					<div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Administrează consimțămintele</button>

</div>
<div id="ast-scroll-top" tabindex="0" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both">
	<span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>	<span class="screen-reader-text">Scroll to Top</span>
</div>
<script type="importmap" id="wp-importmap">
{"imports":{"@wordpress/interactivity":"https://www.darulvietii.ro/wp-includes/js/dist/script-modules/interactivity/debug.js?ver=f4061681426d4605152c","@wordpress/interactivity-router":"https://www.darulvietii.ro/wp-includes/js/dist/script-modules/interactivity-router/index.js?ver=94fa140f588489d10368","@wordpress/a11y":"https://www.darulvietii.ro/wp-includes/js/dist/script-modules/a11y/index.js?ver=44e98abfb3e34e3a8215"}}
</script>
<script type="module" src="https://www.darulvietii.ro/wp-content/plugins/spectra-blocks/build/blocks/post/view.js?ver=3f188cc8a75b749da65d" id="spectra-post-view-script-module-js-module" fetchpriority="low" data-wp-router-options="{&quot;loadOnClientNavigation&quot;:true}"></script>
<link rel="modulepreload" href="https://www.darulvietii.ro/wp-includes/js/dist/script-modules/interactivity/debug.js?ver=f4061681426d4605152c" id="@wordpress/interactivity-js-modulepreload" fetchpriority="low">
<script type="application/json" id="wp-script-module-data-@wordpress/interactivity-router">
{"i18n":{"loading":"Încarc pagina, te rog așteaptă.","loaded":"Am încărcat pagina."}}
</script>
			<div
				class="wp-interactivity-router-loading-bar"
				data-wp-interactive="core/router"
				data-wp-class--start-animation="state.navigation.hasStarted"
				data-wp-class--finish-animation="state.navigation.hasFinished"
			></div>			<script src="data:text/javascript;base64,Lyh0cmlkZW50fG1zaWUpL2kudGVzdChuYXZpZ2F0b3IudXNlckFnZW50KSYmZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQmJndpbmRvdy5hZGRFdmVudExpc3RlbmVyJiZ3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigiaGFzaGNoYW5nZSIsZnVuY3Rpb24oKXt2YXIgdCxlPWxvY2F0aW9uLmhhc2guc3Vic3RyaW5nKDEpOy9eW0EtejAtOV8tXSskLy50ZXN0KGUpJiYodD1kb2N1bWVudC5nZXRFbGVtZW50QnlJZChlKSkmJigvXig/OmF8c2VsZWN0fGlucHV0fGJ1dHRvbnx0ZXh0YXJlYSkkL2kudGVzdCh0LnRhZ05hbWUpfHwodC50YWJJbmRleD0tMSksdC5mb2N1cygpKX0sITEp" defer></script>
			<script id="astra-theme-js-js-extra" src="data:text/javascript;base64,dmFyIGFzdHJhPXsiYnJlYWtfcG9pbnQiOiI5MjEiLCJpc1J0bCI6IiIsImlzX3Njcm9sbF90b19pZCI6IjEiLCJpc19zY3JvbGxfdG9fdG9wIjoiMSIsImlzX2hlYWRlcl9mb290ZXJfYnVpbGRlcl9hY3RpdmUiOiIxIiwicmVzcG9uc2l2ZV9jYXJ0X2NsaWNrIjoiZmx5b3V0IiwiaXNfZGFya19wYWxldHRlIjoiIn0=" defer></script>
<script data-optimized="1" src="https://www.darulvietii.ro/wp-content/litespeed/js/6bb818e988a8b3df30bcb8fb3e672725.js?ver=eb0e5" id="astra-theme-js-js" defer data-deferred="1"></script>
<script data-optimized="1" src="https://www.darulvietii.ro/wp-content/litespeed/js/a4fe888661f88f6ae6ecef4205e07ac6.js?ver=47532" id="wp-hooks-js" defer data-deferred="1"></script>
<script data-optimized="1" src="https://www.darulvietii.ro/wp-content/litespeed/js/b043b32e50772a0e4e6515e6ad510b49.js?ver=47796" id="spectra-blocks-modal-settings-js" defer data-deferred="1"></script>
<script data-optimized="1" src="https://www.darulvietii.ro/wp-content/litespeed/js/b44ab68b5dae86eeb7c303953bfb037a.js?ver=86891" id="spectra-blocks-aos-js-js" defer data-deferred="1"></script>
<script data-optimized="1" src="https://www.darulvietii.ro/wp-content/litespeed/js/fb5b9c7cc593b4aaa209efc44d397f49.js?ver=ebbc2" id="wp-dom-ready-js" defer data-deferred="1"></script>
<script id="starter-templates-zip-preview-js-extra" src="data:text/javascript;base64,dmFyIHN0YXJ0ZXJfdGVtcGxhdGVzX3ppcF9wcmV2aWV3PXsiQXN0Q29sb3JQYWxldHRlVmFyUHJlZml4IjoiLS1hc3QtZ2xvYmFsLWNvbG9yLSIsIkFzdEVsZUNvbG9yUGFsZXR0ZVZhclByZWZpeCI6WyJhc3QtZ2xvYmFsLWNvbG9yLTAiLCJhc3QtZ2xvYmFsLWNvbG9yLTEiLCJhc3QtZ2xvYmFsLWNvbG9yLTIiLCJhc3QtZ2xvYmFsLWNvbG9yLTMiLCJhc3QtZ2xvYmFsLWNvbG9yLTQiLCJhc3QtZ2xvYmFsLWNvbG9yLTUiLCJhc3QtZ2xvYmFsLWNvbG9yLTYiLCJhc3QtZ2xvYmFsLWNvbG9yLTciLCJhc3QtZ2xvYmFsLWNvbG9yLTgiXX0=" defer></script>
<script data-optimized="1" src="https://www.darulvietii.ro/wp-content/litespeed/js/46ad02c018c9c5eb7352ccb8440f3753.js?ver=1bf06" id="starter-templates-zip-preview-js" defer data-deferred="1"></script>
<script data-optimized="1" src="https://www.darulvietii.ro/wp-content/litespeed/js/3e04dd03f06d2be0594b113f128a1218.js?ver=bfc2f" id="spectra-responsive-videos-js" defer data-deferred="1"></script>
<script data-optimized="1" src="https://www.darulvietii.ro/wp-content/litespeed/js/c09ab7bc4438d2cb87f37fd6b7087668.js?ver=6df6f" id="js-cookie-js" defer data-deferred="1"></script>
<script data-optimized="1" src="https://www.darulvietii.ro/wp-content/litespeed/js/968e979522c07033517fb721c63fe560.js?ver=563db" id="underscore-js" defer data-deferred="1"></script>
<script id="wp-util-js-extra" src="data:text/javascript;base64,dmFyIF93cFV0aWxTZXR0aW5ncz17ImFqYXgiOnsidXJsIjoiL3dwLWFkbWluL2FkbWluLWFqYXgucGhwIn19" defer></script>
<script data-optimized="1" src="https://www.darulvietii.ro/wp-content/litespeed/js/90a0dcc8c2bc74c8cbf023762da8571d.js?ver=0faac" id="wp-util-js" defer data-deferred="1"></script>
<script id="wp_review-js-js-extra" src="data:text/javascript;base64,dmFyIHdwcmV2aWV3PXsiYWpheHVybCI6Imh0dHBzOi8vd3d3LmRhcnVsdmlldGlpLnJvL3dwLWFkbWluL2FkbWluLWFqYXgucGhwIiwibG9naW5SZXF1aXJlZE1lc3NhZ2UiOiJZb3UgbXVzdCBsb2cgaW4gdG8gYWRkIHlvdXIgcmV2aWV3In0=" defer></script>
<script data-optimized="1" src="https://www.darulvietii.ro/wp-content/litespeed/js/e51b85b976a17a93525cfd4d3e7a1868.js?ver=8231e" id="wp_review-js-js" defer data-deferred="1"></script>
<script id="cmplz-cookiebanner-js-extra" src="data:text/javascript;base64,dmFyIGNvbXBsaWFuej17InByZWZpeCI6ImNtcGx6XyIsInVzZXJfYmFubmVyX2lkIjoiMSIsInNldF9jb29raWVzIjpbXSwiYmxvY2tfYWpheF9jb250ZW50IjoiIiwiYmFubmVyX3ZlcnNpb24iOiIxNyIsInZlcnNpb24iOiI3LjQuNSMxNzg2NjU1NDMxIiwic3RvcmVfY29uc2VudCI6IiIsImRvX25vdF90cmFja19lbmFibGVkIjoiIiwiY29uc2VudHR5cGUiOiJvcHRpbiIsInJlZ2lvbiI6ImV1IiwiZ2VvaXAiOiIiLCJkaXNtaXNzX3RpbWVvdXQiOiIiLCJkaXNhYmxlX2Nvb2tpZWJhbm5lciI6IiIsInNvZnRfY29va2lld2FsbCI6IiIsImRpc21pc3Nfb25fc2Nyb2xsIjoiIiwiY29va2llX2V4cGlyeSI6IjM2NSIsInVybCI6Imh0dHBzOi8vd3d3LmRhcnVsdmlldGlpLnJvL3dwLWpzb24vY29tcGxpYW56L3YxLyIsImxvY2FsZSI6Imxhbmc9cm8mbG9jYWxlPXJvX1JPIiwic2V0X2Nvb2tpZXNfb25fcm9vdCI6IiIsImNvb2tpZV9kb21haW4iOiIiLCJjdXJyZW50X3BvbGljeV9pZCI6IjM1IiwiY29va2llX3BhdGgiOiIvIiwiY2F0ZWdvcmllcyI6eyJzdGF0aXN0aWNzIjoic3RhdGlzdGljZSIsIm1hcmtldGluZyI6Im1hcmtldGluZyJ9LCJ0Y2ZfYWN0aXZlIjoiIiwicGxhY2Vob2xkZXJ0ZXh0IjoiRFx1MDEwMyBjbGljIHBlbnRydSBhIGFjY2VwdGEgY29va2llLXVyaWxlIHBlbnRydSB7Y2F0ZWdvcnl9IFx1MDIxOWkgcGVudHJ1IGEgYWN0aXZhIGFjZXN0IGNvblx1MDIxYmludXQiLCJjc3NfZmlsZSI6Imh0dHBzOi8vd3d3LmRhcnVsdmlldGlpLnJvL3dwLWNvbnRlbnQvdXBsb2Fkcy9jb21wbGlhbnovY3NzL2Jhbm5lci17YmFubmVyX2lkfS17dHlwZX0uY3NzP3Y9MTcxNzg2NjU1NDMxIiwicGFnZV9saW5rcyI6eyJldSI6eyJjb29raWUtc3RhdGVtZW50Ijp7InRpdGxlIjoiIiwidXJsIjoiaHR0cHM6Ly93d3cuZGFydWx2aWV0aWkucm8vIn19fSwidG1fY2F0ZWdvcmllcyI6IiIsImZvcmNlRW5hYmxlU3RhdHMiOiIiLCJwcmV2aWV3IjoiIiwiY2xlYW5fY29va2llcyI6IiIsImFyaWFfbGFiZWwiOiJEXHUwMTAzIGNsaWMgcGVudHJ1IGEgYWNjZXB0YSBjb29raWUtdXJpbGUgcGVudHJ1IHtjYXRlZ29yeX0gXHUwMjE5aSBwZW50cnUgYSBhY3RpdmEgYWNlc3QgY29uXHUwMjFiaW51dCJ9" defer></script>
<script data-optimized="1" defer src="https://www.darulvietii.ro/wp-content/litespeed/js/941af6ea3b494429fce9d635064b0ec7.js?ver=2715d" id="cmplz-cookiebanner-js"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"wpemoji":"https://www.darulvietii.ro/wp-includes/js/wp-emoji.js?ver=ee8292ebd107a0229337ca6e2d804dbb","twemoji":"https://www.darulvietii.ro/wp-includes/js/twemoji.js?ver=ee8292ebd107a0229337ca6e2d804dbb"}}
</script>
<script type="module">
/**
 * @output wp-includes/js/wp-emoji-loader.js
 */

/* eslint-env es6 */

// Note: This is loaded as a script module, so there is no need for an IIFE to prevent pollution of the global scope.

/**
 * Emoji Settings as exported in PHP via _print_emoji_detection_script().
 * @typedef WPEmojiSettings
 * @type {object}
 * @property {?object} source
 * @property {?string} source.concatemoji
 * @property {?string} source.twemoji
 * @property {?string} source.wpemoji
 */

const selector = 'script#wp-emoji-settings';
const script = document.querySelector( selector );
if ( ! ( script instanceof HTMLScriptElement ) ) {
	throw new Error( `Element missing: ${ selector }`);
}
const settings = /** @type {WPEmojiSettings} */ ( JSON.parse( script.text ) );

// For compatibility with other scripts that read from this global, in particular wp-includes/js/wp-emoji.js (source file: js/_enqueues/wp/emoji.js).
window._wpemojiSettings = settings;

/**
 * Support tests.
 * @typedef SupportTests
 * @type {object}
 * @property {?boolean} flag
 * @property {?boolean} emoji
 */

const sessionStorageKey = 'wpEmojiSettingsSupports';
const tests = [ 'flag', 'emoji' ];

/**
 * Checks whether the browser supports offloading to a Worker.
 *
 * @since 6.3.0
 *
 * @private
 *
 * @returns {boolean}
 */
function supportsWorkerOffloading() {
	return (
		typeof Worker !== 'undefined' &&
		typeof OffscreenCanvas !== 'undefined' &&
		typeof URL !== 'undefined' &&
		URL.createObjectURL &&
		typeof Blob !== 'undefined'
	);
}

/**
 * @typedef SessionSupportTests
 * @type {object}
 * @property {number} timestamp
 * @property {SupportTests} supportTests
 */

/**
 * Get support tests from session.
 *
 * @since 6.3.0
 *
 * @private
 *
 * @returns {?SupportTests} Support tests, or null if not set or older than 1 week.
 */
function getSessionSupportTests() {
	try {
		/** @type {SessionSupportTests} */
		const item = JSON.parse(
			sessionStorage.getItem( sessionStorageKey )
		);
		if (
			typeof item === 'object' &&
			typeof item.timestamp === 'number' &&
			new Date().valueOf() < item.timestamp + 604800 && // Note: Number is a week in seconds.
			typeof item.supportTests === 'object'
		) {
			return item.supportTests;
		}
	} catch ( e ) {}
	return null;
}

/**
 * Persist the supports in session storage.
 *
 * @since 6.3.0
 *
 * @private
 *
 * @param {SupportTests} supportTests Support tests.
 */
function setSessionSupportTests( supportTests ) {
	try {
		/** @type {SessionSupportTests} */
		const item = {
			supportTests: supportTests,
			timestamp: new Date().valueOf()
		};

		sessionStorage.setItem(
			sessionStorageKey,
			JSON.stringify( item )
		);
	} catch ( e ) {}
}

/**
 * Checks if two sets of Emoji characters render the same visually.
 *
 * This is used to determine if the browser is rendering an emoji with multiple data points
 * correctly. set1 is the emoji in the correct form, using a zero-width joiner. set2 is the emoji
 * in the incorrect form, using a zero-width space. If the two sets render the same, then the browser
 * does not support the emoji correctly.
 *
 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
 * scope. Everything must be passed by parameters.
 *
 * @since 4.9.0
 *
 * @private
 *
 * @param {CanvasRenderingContext2D} context 2D Context.
 * @param {string} set1 Set of Emoji to test.
 * @param {string} set2 Set of Emoji to test.
 *
 * @return {boolean} True if the two sets render the same.
 */
function emojiSetsRenderIdentically( context, set1, set2 ) {
	// Cleanup from previous test.
	context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
	context.fillText( set1, 0, 0 );
	const rendered1 = new Uint32Array(
		context.getImageData(
			0,
			0,
			context.canvas.width,
			context.canvas.height
		).data
	);

	// Cleanup from previous test.
	context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
	context.fillText( set2, 0, 0 );
	const rendered2 = new Uint32Array(
		context.getImageData(
			0,
			0,
			context.canvas.width,
			context.canvas.height
		).data
	);

	return rendered1.every( ( rendered2Data, index ) => {
		return rendered2Data === rendered2[ index ];
	} );
}

/**
 * Checks if the center point of a single emoji is empty.
 *
 * This is used to determine if the browser is rendering an emoji with a single data point
 * correctly. The center point of an incorrectly rendered emoji will be empty. A correctly
 * rendered emoji will have a non-zero value at the center point.
 *
 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
 * scope. Everything must be passed by parameters.
 *
 * @since 6.8.2
 *
 * @private
 *
 * @param {CanvasRenderingContext2D} context 2D Context.
 * @param {string} emoji Emoji to test.
 *
 * @return {boolean} True if the center point is empty.
 */
function emojiRendersEmptyCenterPoint( context, emoji ) {
	// Cleanup from previous test.
	context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
	context.fillText( emoji, 0, 0 );

	// Test if the center point (16, 16) is empty (0,0,0,0).
	const centerPoint = context.getImageData(16, 16, 1, 1);
	for ( let i = 0; i < centerPoint.data.length; i++ ) {
		if ( centerPoint.data[ i ] !== 0 ) {
			// Stop checking the moment it's known not to be empty.
			return false;
		}
	}

	return true;
}

/**
 * Determines if the browser properly renders Emoji that Twemoji can supplement.
 *
 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
 * scope. Everything must be passed by parameters.
 *
 * @since 4.2.0
 *
 * @private
 *
 * @param {CanvasRenderingContext2D} context 2D Context.
 * @param {string} type Whether to test for support of "flag" or "emoji".
 * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification.
 * @param {Function} emojiRendersEmptyCenterPoint Reference to emojiRendersEmptyCenterPoint function, needed due to minification.
 *
 * @return {boolean} True if the browser can render emoji, false if it cannot.
 */
function browserSupportsEmoji( context, type, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint ) {
	let isIdentical;

	switch ( type ) {
		case 'flag':
			/*
			 * Test for Transgender flag compatibility. Added in Unicode 13.
			 *
			 * To test for support, we try to render it, and compare the rendering to how it would look if
			 * the browser doesn't render it correctly (white flag emoji + transgender symbol).
			 */
			isIdentical = emojiSetsRenderIdentically(
				context,
				'\uD83C\uDFF3\uFE0F\u200D\u26A7\uFE0F', // as a zero-width joiner sequence
				'\uD83C\uDFF3\uFE0F\u200B\u26A7\uFE0F' // separated by a zero-width space
			);

			if ( isIdentical ) {
				return false;
			}

			/*
			 * Test for Sark flag compatibility. This is the least supported of the letter locale flags,
			 * so gives us an easy test for full support.
			 *
			 * To test for support, we try to render it, and compare the rendering to how it would look if
			 * the browser doesn't render it correctly ([C] + [Q]).
			 */
			isIdentical = emojiSetsRenderIdentically(
				context,
				'\uD83C\uDDE8\uD83C\uDDF6', // as the sequence of two code points
				'\uD83C\uDDE8\u200B\uD83C\uDDF6' // as the two code points separated by a zero-width space
			);

			if ( isIdentical ) {
				return false;
			}

			/*
			 * Test for English flag compatibility. England is a country in the United Kingdom, it
			 * does not have a two letter locale code but rather a five letter sub-division code.
			 *
			 * To test for support, we try to render it, and compare the rendering to how it would look if
			 * the browser doesn't render it correctly (black flag emoji + [G] + [B] + [E] + [N] + [G]).
			 */
			isIdentical = emojiSetsRenderIdentically(
				context,
				// as the flag sequence
				'\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67\uDB40\uDC7F',
				// with each code point separated by a zero-width space
				'\uD83C\uDFF4\u200B\uDB40\uDC67\u200B\uDB40\uDC62\u200B\uDB40\uDC65\u200B\uDB40\uDC6E\u200B\uDB40\uDC67\u200B\uDB40\uDC7F'
			);

			return ! isIdentical;
		case 'emoji':
			/*
			 * Is there a large, hairy, humanoid mythical creature living in the browser?
			 *
			 * To test for Emoji 17.0 support, try to render a new emoji: Hairy Creature.
			 *
			 * The hairy creature emoji is a single code point emoji. Testing for browser
			 * support required testing the center point of the emoji to see if it is empty.
			 *
			 * 0xD83E 0x1FAC8 (\uD83E\u1FAC8) == 🫈 Hairy creature.
			 *
			 * When updating this test, please ensure that the emoji is either a single code point
			 * or switch to using the emojiSetsRenderIdentically function and testing with a zero-width
			 * joiner vs a zero-width space.
			 */
			const notSupported = emojiRendersEmptyCenterPoint( context, '\uD83E\u1FAC8' );
			return ! notSupported;
	}

	return false;
}

/**
 * Checks emoji support tests.
 *
 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
 * scope. Everything must be passed by parameters.
 *
 * @since 6.3.0
 *
 * @private
 *
 * @param {string[]} tests Tests.
 * @param {Function} browserSupportsEmoji Reference to browserSupportsEmoji function, needed due to minification.
 * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification.
 * @param {Function} emojiRendersEmptyCenterPoint Reference to emojiRendersEmptyCenterPoint function, needed due to minification.
 *
 * @return {SupportTests} Support tests.
 */
function testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint ) {
	let canvas;
	if (
		typeof WorkerGlobalScope !== 'undefined' &&
		self instanceof WorkerGlobalScope
	) {
		canvas = new OffscreenCanvas( 300, 150 ); // Dimensions are default for HTMLCanvasElement.
	} else {
		canvas = document.createElement( 'canvas' );
	}

	const context = canvas.getContext( '2d', { willReadFrequently: true } );

	/*
	 * Chrome on OS X added native emoji rendering in M41. Unfortunately,
	 * it doesn't work when the font is bolder than 500 weight. So, we
	 * check for bold rendering support to avoid invisible emoji in Chrome.
	 */
	context.textBaseline = 'top';
	context.font = '600 32px Arial';

	const supports = {};
	tests.forEach( ( test ) => {
		supports[ test ] = browserSupportsEmoji( context, test, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint );
	} );
	return supports;
}

/**
 * Adds a script to the head of the document.
 *
 * @ignore
 *
 * @since 4.2.0
 *
 * @param {string} src The url where the script is located.
 *
 * @return {void}
 */
function addScript( src ) {
	const script = document.createElement( 'script' );
	script.src = src;
	script.defer = true;
	document.head.appendChild( script );
}

settings.supports = {
	everything: true,
	everythingExceptFlag: true
};

// Obtain the emoji support from the browser, asynchronously when possible.
new Promise( ( resolve ) => {
	let supportTests = getSessionSupportTests();
	if ( supportTests ) {
		resolve( supportTests );
		return;
	}

	if ( supportsWorkerOffloading() ) {
		try {
			// Note that the functions are being passed as arguments due to minification.
			const workerScript =
				'postMessage(' +
				testEmojiSupports.toString() +
				'(' +
				[
					JSON.stringify( tests ),
					browserSupportsEmoji.toString(),
					emojiSetsRenderIdentically.toString(),
					emojiRendersEmptyCenterPoint.toString()
				].join( ',' ) +
				'));';
			const blob = new Blob( [ workerScript ], {
				type: 'text/javascript'
			} );
			const worker = new Worker( URL.createObjectURL( blob ), { name: 'wpTestEmojiSupports' } );
			worker.onmessage = ( event ) => {
				supportTests = event.data;
				setSessionSupportTests( supportTests );
				worker.terminate();
				resolve( supportTests );
			};
			return;
		} catch ( e ) {}
	}

	supportTests = testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint );
	setSessionSupportTests( supportTests );
	resolve( supportTests );
} )
	// Once the browser emoji support has been obtained from the session, finalize the settings.
	.then( ( supportTests ) => {
		/*
		 * Tests the browser support for flag emojis and other emojis, and adjusts the
		 * support settings accordingly.
		 */
		for ( const test in supportTests ) {
			settings.supports[ test ] = supportTests[ test ];

			settings.supports.everything =
				settings.supports.everything && settings.supports[ test ];

			if ( 'flag' !== test ) {
				settings.supports.everythingExceptFlag =
					settings.supports.everythingExceptFlag &&
					settings.supports[ test ];
			}
		}

		settings.supports.everythingExceptFlag =
			settings.supports.everythingExceptFlag &&
			! settings.supports.flag;

		// When the browser can not render everything we need to load a polyfill.
		if ( ! settings.supports.everything ) {
			const src = settings.source || {};

			if ( src.concatemoji ) {
				addScript( src.concatemoji );
			} else if ( src.wpemoji && src.twemoji ) {
				addScript( src.twemoji );
				addScript( src.wpemoji );
			}
		}
	} );
//# sourceURL=https://www.darulvietii.ro/wp-includes/js/wp-emoji-loader.js
</script>
<!-- Statistics script Complianz GDPR/CCPA -->
						<script type="text/plain"							data-category="statistics">window['gtag_enable_tcf_support'] = false;
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '', {
	cookie_flags:'secure;samesite=none',
	
});
</script><div style="position:absolute;margin:-1px;padding:0;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);border:0;word-wrap:normal !important;"><p id="a11y-speak-intro-text" class="a11y-speak-intro-text" hidden>Notificări</p><div id="a11y-speak-assertive" class="a11y-speak-region" aria-live="assertive" aria-relevant="additions text" aria-atomic="true"></div><div id="a11y-speak-polite" class="a11y-speak-region" aria-live="polite" aria-relevant="additions text" aria-atomic="true"></div></div>	</body>
</html>


<!-- Page cached by LiteSpeed Cache 7.9 on 2026-08-14 00:10:32 -->