<!DOCTYPE html>
<html lang="en-CA">
<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' />
<link rel="canonical" href="https://best-casino-online-canada.elitemarketingsolutions.net/" data-casino-hreflang="1" />
<link rel="alternate" hreflang="en" href="https://best-casino-online-canada.elitemarketingsolutions.net/" data-casino-hreflang="1" />
<link rel="alternate" hreflang="en-ca" href="https://best-casino-online-canada.elitemarketingsolutions.net/" data-casino-hreflang="1" />
<link rel="alternate" hreflang="x-default" href="https://www.elitemarketingsolutions.net/" data-casino-hreflang="1" />
<!-- This site is optimized with the Yoast SEO plugin v28.4 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>Elite Marketing Solutions Blog | Just another WordPress site - Elite Marketing Solutions</title>
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Elite Marketing Solutions Blog | Just another WordPress site - Elite Marketing Solutions" />
	<meta property="og:description" content="  If you aren’t already aware, the popularity of the mobile web has long since surpassed desktop browsing on all counts, this includes how most people are now browsing as well as making purchase transactions, as a result we’re seeing rapid growth and evolution when it comes to mobile website design, and by 2016, this [&hellip;]" />
	<meta property="og:url" content="https://www.elitemarketingsolutions.net/blog/" />
	<meta property="og:site_name" content="Elite Marketing Solutions" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:label1" content="Est. reading time" />
	<meta name="twitter:data1" content="27 minutes" />
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link href='https://fonts.googleapis.com' rel='preconnect' />
<link href='https://fonts.gstatic.com' crossorigin='anonymous' rel='preconnect' />
<link rel="alternate" type="application/rss+xml" title="Elite Marketing Solutions &raquo; Feed" href="https://www.elitemarketingsolutions.net/feed/" />
<link rel="alternate" type="application/rss+xml" title="Elite Marketing Solutions &raquo; Comments Feed" href="https://www.elitemarketingsolutions.net/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.elitemarketingsolutions.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.elitemarketingsolutions.net%2Fblog%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.elitemarketingsolutions.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.elitemarketingsolutions.net%2Fblog%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 rel='stylesheet' id='astra-theme-css-css' href='https://www.elitemarketingsolutions.net/wp-content/themes/astra/assets/css/minified/main.min.css?ver=4.13.11' media='all' />
<style id="astra-theme-css-inline-css">
:root{--ast-post-nav-space:0;--ast-container-default-xlg-padding:3em;--ast-container-default-lg-padding:3em;--ast-container-default-slg-padding:2em;--ast-container-default-md-padding:3em;--ast-container-default-sm-padding:3em;--ast-container-default-xs-padding:2.4em;--ast-container-default-xxs-padding:1.8em;--ast-code-block-background:#EEEEEE;--ast-comment-inputs-background:#FAFAFA;--ast-normal-container-width:1140px;--ast-narrow-container-width:750px;--ast-blog-title-font-weight:normal;--ast-blog-meta-weight:inherit;--ast-global-color-primary:var(--ast-global-color-5);--ast-global-color-secondary:var(--ast-global-color-4);--ast-global-color-alternate-background:var(--ast-global-color-7);--ast-global-color-subtle-background:var(--ast-global-color-6);--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:93.75%;}a{color:var(--ast-global-color-0);}a:hover,a:focus{color:var(--ast-global-color-2);}body,button,input,select,textarea,.ast-button,.ast-custom-button{font-family:'Roboto',sans-serif;font-weight:400;font-size:15px;font-size:1rem;line-height:var(--ast-body-line-height,1.65em);}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-family:'Noto Sans',sans-serif;font-weight:700;line-height:1.35em;}.site-title{font-size:35px;font-size:2.3333333333333rem;display:none;}header .custom-logo-link img{max-width:50px;width:50px;}.astra-logo-svg{width:50px;}.site-header .site-description{font-size:15px;font-size:1rem;display:none;}.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{overflow:hidden;}h1,.entry-content :where(h1){font-size:7.7em;font-weight:700;font-family:'Noto Sans',sans-serif;line-height:1.4em;}h2,.entry-content :where(h2){font-size:90px;font-size:6rem;font-weight:700;font-family:'Noto Sans',sans-serif;line-height:1.3em;}h3,.entry-content :where(h3){font-size:32px;font-size:2.1333333333333rem;font-weight:700;font-family:'Noto Sans',sans-serif;line-height:1.3em;}h4,.entry-content :where(h4){font-size:25px;font-size:1.6666666666667rem;line-height:1.2em;font-weight:700;font-family:'Noto Sans',sans-serif;}h5,.entry-content :where(h5){font-size:17px;font-size:1.1333333333333rem;line-height:1.2em;font-weight:700;font-family:'Noto Sans',sans-serif;}h6,.entry-content :where(h6){font-size:13px;font-size:0.86666666666667rem;line-height:1.25em;font-weight:700;font-family:'Noto Sans',sans-serif;}::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);}.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-2);}#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-0);}.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-archive-title{color:var(--ast-global-color-2);}.widget-title,.widget .wp-block-heading{font-size:21px;font-size:1.4rem;color:var(--ast-global-color-2);}.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;}.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;}}@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;}}.ast-separate-container.ast-single-post.ast-right-sidebar #primary,.ast-separate-container.ast-single-post.ast-left-sidebar #primary,.ast-separate-container.ast-single-post #primary,.ast-plain-container.ast-single-post #primary,.ast-narrow-container.ast-single-post #primary{margin-top:0px;margin-bottom:0px;}.ast-left-sidebar.ast-single-post #primary,.ast-right-sidebar.ast-single-post #primary,.ast-separate-container.ast-single-post.ast-right-sidebar #primary,.ast-separate-container.ast-single-post.ast-left-sidebar #primary,.ast-separate-container.ast-single-post #primary,.ast-narrow-container.ast-single-post #primary{padding-left:0px;padding-right:0px;}.ast-separate-container #primary,.ast-narrow-container #primary{padding-top:0px;}.ast-separate-container #primary,.ast-narrow-container #primary{padding-bottom:0px;}.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:var(--ast-global-color-5);background-color:var(--ast-global-color-3);border-color:var(--ast-global-color-3);}.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:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;font-family:inherit;font-weight:inherit;line-height:1em;padding-top:17px;padding-right:40px;padding-bottom:17px;padding-left:40px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.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:var(--ast-global-color-4);background-color:var(--ast-global-color-1);border-color:var(--ast-global-color-1);}.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;}@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:17px;padding-right:40px;padding-bottom:17px;padding-left:40px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}}@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:17px;padding-right:40px;padding-bottom:17px;padding-left:40px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}}.entry-content[data-ast-blocks-layout] > figure{margin-bottom:1em;}h1.widget-title{font-weight:700;}h2.widget-title{font-weight:700;}h3.widget-title{font-weight:700;}#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.5em;}.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: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 (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;}}.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:var(--ast-global-color-5);background-color:var(--ast-global-color-3);border-color:var(--ast-global-color-3);}.wp-block-button .wp-block-button__link,.wp-block-search .wp-block-search__button,body .wp-block-file .wp-block-file__button{border-style:solid;border-top-width:0px;border-right-width:0px;border-left-width:0px;border-bottom-width:0px;border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);color:#ffffff;font-family:inherit;font-weight:inherit;line-height:1em;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;padding-top:17px;padding-right:40px;padding-bottom:17px;padding-left:40px;}@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:17px;padding-right:40px;padding-bottom:17px;padding-left:40px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}}@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;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}}.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"],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:0px;border-right-width:0px;border-left-width:0px;border-bottom-width:0px;color:#ffffff;border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);padding-top:17px;padding-right:40px;padding-bottom:17px;padding-left:40px;font-family:inherit;font-weight:inherit;line-height:1em;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}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:var(--ast-global-color-5);background-color:var(--ast-global-color-3);border-color:var(--ast-global-color-3);}form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button.has-icon{padding-top:calc(17px - 3px);padding-right:calc(40px - 3px);padding-bottom:calc(17px - 3px);padding-left:calc(40px - 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"],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:17px;padding-right:40px;padding-bottom:17px;padding-left:40px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}}@media (max-width:544px){.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"],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;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}}@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;}.ast-separate-container .ast-comment-list li.depth-1{padding:1.5em 2.14em;}.ast-separate-container .comment-respond{padding:2em 2.14em;}}@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-mobile-header .ast-site-header-cart-li a{pointer-events:none;}.ast-separate-container{background-image:linear-gradient(to right,var(--ast-global-color-5),var(--ast-global-color-5)),url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-001-free-img.png);background-repeat:no-repeat;background-position:center center;background-size:auto;background-attachment:fixed;}@media (max-width:921px){.site-title{display:none;}.site-header .site-description{display:none;}h1,.entry-content :where(h1){font-size:76px;}h2,.entry-content :where(h2){font-size:74px;}h3,.entry-content :where(h3){font-size:28px;}h4,.entry-content :where(h4){font-size:26px;font-size:1.7333333333333rem;}body,.ast-separate-container{background-image:linear-gradient(to right,var(--ast-global-color-5),var(--ast-global-color-5)),url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-001-free-img.png);}}@media (max-width:544px){.site-title{display:none;}.site-header .site-description{display:none;}h1,.entry-content :where(h1){font-size:50px;}h2,.entry-content :where(h2){font-size:30px;}h3,.entry-content :where(h3){font-size:25px;}body,.ast-separate-container{background-image:linear-gradient(to right,var(--ast-global-color-5),var(--ast-global-color-5)),url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-001-free-img.png);}}@media (max-width:921px){html{font-size:85.5%;}}@media (max-width:544px){html{font-size:85.5%;}}@media (min-width:922px){.ast-container{max-width:1180px;}}@media (min-width:922px){.site-content .ast-container{display:flex;}}@media (max-width:921px){.site-content .ast-container{flex-direction:column;}}@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;}}.site .comments-area{padding-bottom:3em;}.footer-widget-area[data-section^="section-fb-html-"] .ast-builder-html-element{text-align:center;}.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: 1140px;--wp--custom--ast-content-width-size: 1140px;--wp--custom--ast-wide-width-size: calc(1140px + 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: var(--wp--custom--ast-content-width-size) ;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: calc(-1 * var(--wp--custom--ast-default-block-left-padding) );margin-right: calc(-1 * var(--wp--custom--ast-default-block-right-padding) );}}@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;}: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:#c3317d;--ast-global-color-1:#ffffff;--ast-global-color-2:#ffffff;--ast-global-color-3:#ffffff;--ast-global-color-4:#18202c;--ast-global-color-5:#1c2735;--ast-global-color-6:#F2F5F7;--ast-global-color-7:#424242;--ast-global-color-8:#bfd1ff;}:root {--ast-border-color : rgba(242,245,247,0);}.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: 1140px;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 > *:not(:last-child){margin-bottom:10px;}@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:1140px;width:100%;text-align:left;padding-top:3em;padding-right:3em;padding-bottom:3em;padding-left:3em;}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-0);}.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-0);}.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-0);}.ast-builder-menu-1 .menu-item.current-menu-item > .ast-menu-toggle{color:var(--ast-global-color-0);}.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-image:linear-gradient(to right,rgba(237,237,237,0),rgba(237,237,237,0)),url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-001-free-img.png);background-repeat:no-repeat;background-position:center center;background-size:auto;background-attachment:fixed;min-height:40px;border-style:solid;border-width:0px;border-top-width:1px;border-top-color:#2e2e2e;}.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row{grid-column-gap:0px;max-width:1140px;min-height:40px;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-2-equal .ast-builder-grid-row{grid-template-columns:repeat( 2,1fr );}@media (max-width:921px){.site-below-footer-wrap[data-section="section-below-footer-builder"]{background-image:url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-001-free-img.png);background-repeat:repeat;background-position:center center;background-size:auto;background-attachment:scroll;}.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-2-equal .ast-builder-grid-row{grid-template-columns:repeat( 2,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"]{padding-top:20px;padding-bottom:20px;padding-left:0px;padding-right:0px;}.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-builder-html-element img.alignnone{display:inline-block;}.ast-builder-html-element p:first-child{margin-top:0;}.ast-builder-html-element p:last-child{margin-bottom:0;}.ast-header-break-point .main-header-bar .ast-builder-html-element{line-height:1.85714285714286;}.footer-widget-area[data-section="section-fb-html-1"]{display:block;}@media (max-width:921.99px){.ast-header-break-point .footer-widget-area[data-section="section-fb-html-1"]{display:block;}}@media (max-width:544px){.ast-header-break-point .footer-widget-area[data-section="section-fb-html-1"]{display:block;}}.footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element{text-align:right;}@media (max-width:921px){.footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element{text-align:right;}}@media (max-width:544px){.footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element{text-align:center;}}.ast-footer-copyright{text-align:left;}.ast-footer-copyright.site-footer-focus-item {color:var(--ast-global-color-3);}@media (max-width:921px){.ast-footer-copyright{text-align:left;}}@media (max-width:544px){.ast-footer-copyright{text-align:center;}}.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;}}.ast-social-stack-desktop .ast-builder-social-element,.ast-social-stack-tablet .ast-builder-social-element,.ast-social-stack-mobile .ast-builder-social-element {margin-top: 6px;margin-bottom: 6px;}.social-show-label-true .ast-builder-social-element {width: auto;padding: 0 0.4em;}[data-section^="section-fb-social-icons-"] .footer-social-inner-wrap {text-align: center;}.ast-footer-social-wrap {width: 100%;}.ast-footer-social-wrap .ast-builder-social-element:first-child {margin-left: 0;}.ast-footer-social-wrap .ast-builder-social-element:last-child {margin-right: 0;}.ast-header-social-wrap .ast-builder-social-element:first-child {margin-left: 0;}.ast-header-social-wrap .ast-builder-social-element:last-child {margin-right: 0;}.ast-builder-social-element {line-height: 1;color: var(--ast-global-color-2);background: transparent;vertical-align: middle;transition: all 0.01s;margin-left: 6px;margin-right: 6px;justify-content: center;align-items: center;}.ast-builder-social-element .social-item-label {padding-left: 6px;}.ast-footer-social-1-wrap .ast-builder-social-element svg{width:18px;height:18px;}.ast-footer-social-1-wrap .ast-social-color-type-custom svg{fill:var(--ast-global-color-2);}.ast-footer-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover{color:var(--ast-global-color-0);}.ast-footer-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg{fill:var(--ast-global-color-0);}.ast-footer-social-1-wrap .ast-social-color-type-custom .social-item-label{color:var(--ast-global-color-2);}.ast-footer-social-1-wrap .ast-builder-social-element:hover .social-item-label{color:var(--ast-global-color-0);}[data-section="section-fb-social-icons-1"] .footer-social-inner-wrap{text-align:left;}@media (max-width:921px){[data-section="section-fb-social-icons-1"] .footer-social-inner-wrap{text-align:left;}}@media (max-width:544px){[data-section="section-fb-social-icons-1"] .footer-social-inner-wrap{text-align:left;}}.ast-builder-layout-element[data-section="section-fb-social-icons-1"]{display:flex;}@media (max-width:921.99px){.ast-header-break-point .ast-builder-layout-element[data-section="section-fb-social-icons-1"]{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-builder-layout-element[data-section="section-fb-social-icons-1"]{display:flex;}}@media (max-width:921px){.ast-hfb-header .site-footer{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;}}.site-primary-footer-wrap{padding-top:45px;padding-bottom:45px;}.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{background-image:linear-gradient(to right,rgba(250,250,250,0),rgba(250,250,250,0)),url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-001-free-img.png);background-repeat:no-repeat;background-position:center center;background-size:auto;background-attachment:fixed;}.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row{max-width:1140px;margin-left:auto;margin-right:auto;}.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row,.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section{align-items:flex-start;}.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-inline .site-footer-section{display:flex;margin-bottom:0;}.ast-builder-grid-row-2-lheavy .ast-builder-grid-row{grid-template-columns:2fr 1fr;}@media (max-width:921px){.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-tablet-inline .site-footer-section{display:flex;margin-bottom:0;}.site-primary-footer-wrap[data-section="section-primary-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-2-equal .ast-builder-grid-row{grid-template-columns:repeat( 2,1fr );}}@media (max-width:544px){.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-mobile-inline .site-footer-section{display:flex;margin-bottom:0;}.site-primary-footer-wrap[data-section="section-primary-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-primary-footer-wrap[data-section="section-primary-footer-builder"]{padding-top:120px;padding-bottom:120px;padding-left:30px;padding-right:30px;}@media (max-width:921px){.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{padding-top:90px;padding-bottom:90px;padding-left:25px;padding-right:25px;}}@media (max-width:544px){.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{padding-top:50px;padding-bottom:30px;padding-left:20px;padding-right:20px;}}.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{display:grid;}@media (max-width:921.99px){.ast-header-break-point .site-primary-footer-wrap[data-section="section-primary-footer-builder"]{display:grid;}}@media (max-width:544px){.ast-header-break-point .site-primary-footer-wrap[data-section="section-primary-footer-builder"]{display:grid;}}.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"].footer-widget-area-inner{text-align:left;}@media (max-width:921px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"].footer-widget-area-inner{text-align:left;}}@media (max-width:544px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"].footer-widget-area-inner{text-align:left;}}.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"].footer-widget-area-inner{text-align:left;}@media (max-width:921px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"].footer-widget-area-inner{text-align:left;}}@media (max-width:544px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"].footer-widget-area-inner{text-align:left;}}.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner{text-align:left;}@media (max-width:921px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner{text-align:left;}}@media (max-width:544px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner{text-align:left;}}.footer-widget-area[data-section="sidebar-widgets-footer-widget-4"].footer-widget-area-inner{text-align:left;}@media (max-width:921px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-4"].footer-widget-area-inner{text-align:left;}}@media (max-width:544px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-4"].footer-widget-area-inner{text-align:left;}}.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%;}.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"]{display:block;}@media (max-width:921.99px){.ast-header-break-point .footer-widget-area[data-section="sidebar-widgets-footer-widget-1"]{display:block;}}@media (max-width:544px){.ast-header-break-point .footer-widget-area[data-section="sidebar-widgets-footer-widget-1"]{display:block;}}.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"]{display:block;}@media (max-width:921.99px){.ast-header-break-point .footer-widget-area[data-section="sidebar-widgets-footer-widget-2"]{display:block;}}@media (max-width:544px){.ast-header-break-point .footer-widget-area[data-section="sidebar-widgets-footer-widget-2"]{display:block;}}.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"]{display:block;}@media (max-width:921.99px){.ast-header-break-point .footer-widget-area[data-section="sidebar-widgets-footer-widget-3"]{display:block;}}@media (max-width:544px){.ast-header-break-point .footer-widget-area[data-section="sidebar-widgets-footer-widget-3"]{display:block;}}.footer-widget-area[data-section="sidebar-widgets-footer-widget-4"]{display:block;}@media (max-width:921.99px){.ast-header-break-point .footer-widget-area[data-section="sidebar-widgets-footer-widget-4"]{display:block;}}@media (max-width:544px){.ast-header-break-point .footer-widget-area[data-section="sidebar-widgets-footer-widget-4"]{display:block;}}.ast-header-break-point .main-header-bar{border-bottom-width:1px;}@media (min-width:922px){.main-header-bar{border-bottom-width:1px;}}.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:transparent;background-image:none;}.ast-separate-container .ast-article-post{background-image:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0)), url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-001-free-img.png);background-repeat:repeat;background-position:center center;background-size:auto;background-attachment:scroll;}@media (max-width:921px){.ast-separate-container .ast-article-post{background-image:url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-003-free-img.png);background-repeat:repeat;background-position:center center;background-size:auto;background-attachment:scroll;}}@media (max-width:544px){.ast-separate-container .ast-article-post{background-image:url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-04-free-img.png);background-repeat:repeat;background-position:center center;background-size:auto;background-attachment:scroll;}}.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 .comment-respond, .ast-separate-container .comments-area .ast-comment-list li, .ast-separate-container .comments-area .comments-title{background-image:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0)), url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-001-free-img.png);background-repeat:repeat;background-position:center center;background-size:auto;background-attachment:scroll;}@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-image:url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-003-free-img.png);background-repeat:repeat;background-position:center center;background-size:auto;background-attachment:scroll;}}@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-image:url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-04-free-img.png);background-repeat:repeat;background-position:center center;background-size:auto;background-attachment:scroll;}}.ast-separate-container.ast-two-container #secondary .widget{background-image:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0)), url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-001-free-img.png);background-repeat:repeat;background-position:center center;background-size:auto;background-attachment:scroll;}@media (max-width:921px){.ast-separate-container.ast-two-container #secondary .widget{background-image:url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-003-free-img.png);background-repeat:repeat;background-position:center center;background-size:auto;background-attachment:scroll;}}@media (max-width:544px){.ast-separate-container.ast-two-container #secondary .widget{background-image:url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-04-free-img.png);background-repeat:repeat;background-position:center center;background-size:auto;background-attachment:scroll;}}.ast-plain-container, .ast-page-builder-template{background-image:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0)), url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-001-free-img.png);background-repeat:repeat;background-position:center center;background-size:auto;background-attachment:scroll;}@media (max-width:921px){.ast-plain-container, .ast-page-builder-template{background-image:url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-003-free-img.png);background-repeat:repeat;background-position:center center;background-size:auto;background-attachment:scroll;}}@media (max-width:544px){.ast-plain-container, .ast-page-builder-template{background-image:url(https://www.elitemarketingsolutions.net/wp-content/uploads/2022/12/bg-04-free-img.png);background-repeat:repeat;background-position:center center;background-size:auto;background-attachment:scroll;}}.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-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:70px;}.ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar .main-header-menu > .menu-item{line-height:70px;}.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:0px;border-bottom-color:#eaeaea;border-bottom-style:solid;}@media (min-width:922px){.ast-primary-header-bar{border-bottom-width:0px;border-bottom-color:#eaeaea;border-bottom-style:solid;}}.ast-primary-header-bar{background-color:rgba(0,0,0,0);background-image:none;}.ast-desktop .ast-primary-header-bar.main-header-bar, .ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar{padding-top:9px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}.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;}}.ast-hfb-header .site-header{margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal{color:var(--ast-global-color-3);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-3);}[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-wrap .mobile-menu{color:var(--ast-global-color-3);}.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-4);}.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle{color:var(--ast-global-color-4);}.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-4);}.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-4);}.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-0);}.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .ast-menu-toggle{color:var(--ast-global-color-0);}.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;}}@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;}}
/*# sourceURL=astra-theme-css-inline-css */
</style>
<link rel='stylesheet' id='astra-google-fonts-css' href='https://fonts.googleapis.com/css?family=Roboto:400%2C|Noto+Sans:700%2C&#038;display=swap&#038;ver=4.13.11' media='all' />
<style id="spectra-style-guide-tokens-inline-css">
:root {
	--spectra-neutral-7: #ffffff;
	--spectra-neutral-5: #ffffff;
	--spectra-neutral-4: #F2F5F7;
	--spectra-neutral-2: #424242;
	--spectra-neutral-1: #18202c;
	--spectra-neutral-0: #1c2735;
	--spectra-primary: #c3317d;
	--spectra-secondary: #ffffff;
	--spectra-accent: #bfd1ff;
	--spectra-success: #10b981;
	--spectra-error: #ef4444;
	--spectra-info: #8b5cf6;
	--spectra-warning: #d97706;
	--spectra-foreground: #ffffff;
	--spectra-white: #ffffff;
	--spectra-transparent: transparent;

	/* Style Guide WP preset color vars */
	--wp--preset--color--sg-accent: #bfd1ff;
	--wp--preset--color--sg-heading: #ffffff;
	--wp--preset--color--sg-body: #ffffff;
	--wp--preset--color--sg-surface: #18202c;
	--wp--preset--color--sg-background: #1c2735;
	--wp--preset--color--sg-border: #424242;
	--wp--preset--color--sg-muted: #F2F5F7;
}

:root {
	--color--primary: var(--wp--preset--color--primary);
	--color--primary-near-white: var(--spectra-primary);
	--color--primary-lightest: var(--spectra-primary);
	--color--primary-lighter: var(--spectra-primary);
	--color--primary-light: var(--spectra-primary);
	--color--primary-dark: var(--spectra-primary);
	--color--primary-darker: var(--spectra-primary);
	--color--primary-darkest: var(--spectra-primary);
	--color--primary-near-black: var(--spectra-primary);
	--color--primary-complement: var(--spectra-primary);
	--color--primary-inverted: var(--spectra-neutral-7);
	--color--secondary: var(--wp--preset--color--secondary);
	--color--secondary-near-white: var(--spectra-secondary);
	--color--secondary-lightest: var(--spectra-secondary);
	--color--secondary-lighter: var(--spectra-secondary);
	--color--secondary-light: var(--spectra-secondary);
	--color--secondary-dark: var(--spectra-secondary);
	--color--secondary-darker: var(--spectra-secondary);
	--color--secondary-darkest: var(--spectra-secondary);
	--color--secondary-near-black: var(--spectra-secondary);
	--color--secondary-complement: var(--spectra-secondary);
	--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-5);
	--color--base-light: var(--spectra-neutral-5);
	--color--base-dark: var(--spectra-neutral-2);
	--color--base-darker: var(--spectra-neutral-2);
	--color--base-darkest: var(--spectra-neutral-1);
	--color--base-near-black: var(--spectra-neutral-0);
	--color--accent: var(--wp--preset--color--accent);
	--color--heading: var(--wp--preset--color--heading);
	--color--body: var(--wp--preset--color--body);
	--color--background: var(--wp--preset--color--background);
	--color--surface: var(--wp--preset--color--surface);
	--color--outline: var(--wp--preset--color--outline);
	--color--foreground: var(--wp--preset--color--foreground);
	--color--success: var(--wp--preset--color--success);
	--color--error: var(--wp--preset--color--error);
	--color--info: var(--wp--preset--color--info);
	--color--warning: var(--wp--preset--color--warning);
	--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 rel='stylesheet' id='spectra-component-tokens-css' href='https://www.elitemarketingsolutions.net/wp-content/plugins/spectra-blocks/assets/css/component-tokens.css?ver=1.0.8' 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>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>

<link rel='stylesheet' id='spectra-blocks-aos-css-css' href='https://www.elitemarketingsolutions.net/wp-content/plugins/spectra-blocks/assets/css/aos.min.css?ver=1.0.8' 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-600 { background: var(--spectra-primary); }
:root .bg-primary-600\/10 { background: color-mix(in srgb, var(--spectra-primary) 10%, transparent); }
:root .bg-primary-600\/20 { background: color-mix(in srgb, var(--spectra-primary) 20%, transparent); }
:root .bg-primary-600\/30 { background: color-mix(in srgb, var(--spectra-primary) 30%, transparent); }
:root .bg-primary-600\/40 { background: color-mix(in srgb, var(--spectra-primary) 40%, transparent); }
:root .bg-primary-600\/50 { background: color-mix(in srgb, var(--spectra-primary) 50%, transparent); }
:root .bg-primary-600\/60 { background: color-mix(in srgb, var(--spectra-primary) 60%, transparent); }
:root .bg-primary-600\/70 { background: color-mix(in srgb, var(--spectra-primary) 70%, transparent); }
:root .bg-primary-600\/80 { background: color-mix(in srgb, var(--spectra-primary) 80%, transparent); }
:root .bg-primary-600\/90 { background: color-mix(in srgb, var(--spectra-primary) 90%, transparent); }
:root .text-primary-600 { color: var(--spectra-primary); -webkit-text-fill-color: var(--spectra-primary); }
:root .text-primary-600\/10 { color: color-mix(in srgb, var(--spectra-primary) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-primary) 10%, transparent); }
:root .text-primary-600\/20 { color: color-mix(in srgb, var(--spectra-primary) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-primary) 20%, transparent); }
:root .text-primary-600\/30 { color: color-mix(in srgb, var(--spectra-primary) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-primary) 30%, transparent); }
:root .text-primary-600\/40 { color: color-mix(in srgb, var(--spectra-primary) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-primary) 40%, transparent); }
:root .text-primary-600\/50 { color: color-mix(in srgb, var(--spectra-primary) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-primary) 50%, transparent); }
:root .text-primary-600\/60 { color: color-mix(in srgb, var(--spectra-primary) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-primary) 60%, transparent); }
:root .text-primary-600\/70 { color: color-mix(in srgb, var(--spectra-primary) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-primary) 70%, transparent); }
:root .text-primary-600\/80 { color: color-mix(in srgb, var(--spectra-primary) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-primary) 80%, transparent); }
:root .text-primary-600\/90 { color: color-mix(in srgb, var(--spectra-primary) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-primary) 90%, transparent); }
:root .border-primary-600 { border-color: var(--spectra-primary); }
:root .border-primary-600\/10 { border-color: color-mix(in srgb, var(--spectra-primary) 10%, transparent); }
:root .border-primary-600\/20 { border-color: color-mix(in srgb, var(--spectra-primary) 20%, transparent); }
:root .border-primary-600\/30 { border-color: color-mix(in srgb, var(--spectra-primary) 30%, transparent); }
:root .border-primary-600\/40 { border-color: color-mix(in srgb, var(--spectra-primary) 40%, transparent); }
:root .border-primary-600\/50 { border-color: color-mix(in srgb, var(--spectra-primary) 50%, transparent); }
:root .border-primary-600\/60 { border-color: color-mix(in srgb, var(--spectra-primary) 60%, transparent); }
:root .border-primary-600\/70 { border-color: color-mix(in srgb, var(--spectra-primary) 70%, transparent); }
:root .border-primary-600\/80 { border-color: color-mix(in srgb, var(--spectra-primary) 80%, transparent); }
:root .border-primary-600\/90 { border-color: color-mix(in srgb, var(--spectra-primary) 90%, transparent); }
:root .outline-primary-600 { outline-color: var(--spectra-primary); }
:root .outline-primary-600\/10 { outline-color: color-mix(in srgb, var(--spectra-primary) 10%, transparent); }
:root .outline-primary-600\/20 { outline-color: color-mix(in srgb, var(--spectra-primary) 20%, transparent); }
:root .outline-primary-600\/30 { outline-color: color-mix(in srgb, var(--spectra-primary) 30%, transparent); }
:root .outline-primary-600\/40 { outline-color: color-mix(in srgb, var(--spectra-primary) 40%, transparent); }
:root .outline-primary-600\/50 { outline-color: color-mix(in srgb, var(--spectra-primary) 50%, transparent); }
:root .outline-primary-600\/60 { outline-color: color-mix(in srgb, var(--spectra-primary) 60%, transparent); }
:root .outline-primary-600\/70 { outline-color: color-mix(in srgb, var(--spectra-primary) 70%, transparent); }
:root .outline-primary-600\/80 { outline-color: color-mix(in srgb, var(--spectra-primary) 80%, transparent); }
:root .outline-primary-600\/90 { outline-color: color-mix(in srgb, var(--spectra-primary) 90%, transparent); }
:root .overlay-primary-600 { background: var(--spectra-primary); }
:root .overlay-primary-600\/10 { background: color-mix(in srgb, var(--spectra-primary) 10%, transparent); }
:root .overlay-primary-600\/20 { background: color-mix(in srgb, var(--spectra-primary) 20%, transparent); }
:root .overlay-primary-600\/30 { background: color-mix(in srgb, var(--spectra-primary) 30%, transparent); }
:root .overlay-primary-600\/40 { background: color-mix(in srgb, var(--spectra-primary) 40%, transparent); }
:root .overlay-primary-600\/50 { background: color-mix(in srgb, var(--spectra-primary) 50%, transparent); }
:root .overlay-primary-600\/60 { background: color-mix(in srgb, var(--spectra-primary) 60%, transparent); }
:root .overlay-primary-600\/70 { background: color-mix(in srgb, var(--spectra-primary) 70%, transparent); }
:root .overlay-primary-600\/80 { background: color-mix(in srgb, var(--spectra-primary) 80%, transparent); }
:root .overlay-primary-600\/90 { background: color-mix(in srgb, var(--spectra-primary) 90%, transparent); }
:root .fill-primary-600 { fill: var(--spectra-primary); }
:root .fill-primary-600\/10 { fill: color-mix(in srgb, var(--spectra-primary) 10%, transparent); }
:root .fill-primary-600\/20 { fill: color-mix(in srgb, var(--spectra-primary) 20%, transparent); }
:root .fill-primary-600\/30 { fill: color-mix(in srgb, var(--spectra-primary) 30%, transparent); }
:root .fill-primary-600\/40 { fill: color-mix(in srgb, var(--spectra-primary) 40%, transparent); }
:root .fill-primary-600\/50 { fill: color-mix(in srgb, var(--spectra-primary) 50%, transparent); }
:root .fill-primary-600\/60 { fill: color-mix(in srgb, var(--spectra-primary) 60%, transparent); }
:root .fill-primary-600\/70 { fill: color-mix(in srgb, var(--spectra-primary) 70%, transparent); }
:root .fill-primary-600\/80 { fill: color-mix(in srgb, var(--spectra-primary) 80%, transparent); }
:root .fill-primary-600\/90 { fill: color-mix(in srgb, var(--spectra-primary) 90%, transparent); }
:root .stroke-primary-600 { stroke: var(--spectra-primary); }
:root .stroke-primary-600\/10 { stroke: color-mix(in srgb, var(--spectra-primary) 10%, transparent); }
:root .stroke-primary-600\/20 { stroke: color-mix(in srgb, var(--spectra-primary) 20%, transparent); }
:root .stroke-primary-600\/30 { stroke: color-mix(in srgb, var(--spectra-primary) 30%, transparent); }
:root .stroke-primary-600\/40 { stroke: color-mix(in srgb, var(--spectra-primary) 40%, transparent); }
:root .stroke-primary-600\/50 { stroke: color-mix(in srgb, var(--spectra-primary) 50%, transparent); }
:root .stroke-primary-600\/60 { stroke: color-mix(in srgb, var(--spectra-primary) 60%, transparent); }
:root .stroke-primary-600\/70 { stroke: color-mix(in srgb, var(--spectra-primary) 70%, transparent); }
:root .stroke-primary-600\/80 { stroke: color-mix(in srgb, var(--spectra-primary) 80%, transparent); }
:root .stroke-primary-600\/90 { stroke: color-mix(in srgb, var(--spectra-primary) 90%, transparent); }
:root .border-t-primary-600 { border-top-color: var(--spectra-primary); }
:root .border-t-primary-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-primary) 10%, transparent); }
:root .border-t-primary-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-primary) 20%, transparent); }
:root .border-t-primary-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-primary) 30%, transparent); }
:root .border-t-primary-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-primary) 40%, transparent); }
:root .border-t-primary-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-primary) 50%, transparent); }
:root .border-t-primary-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-primary) 60%, transparent); }
:root .border-t-primary-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-primary) 70%, transparent); }
:root .border-t-primary-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-primary) 80%, transparent); }
:root .border-t-primary-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-primary) 90%, transparent); }
:root .border-r-primary-600 { border-right-color: var(--spectra-primary); }
:root .border-r-primary-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-primary) 10%, transparent); }
:root .border-r-primary-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-primary) 20%, transparent); }
:root .border-r-primary-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-primary) 30%, transparent); }
:root .border-r-primary-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-primary) 40%, transparent); }
:root .border-r-primary-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-primary) 50%, transparent); }
:root .border-r-primary-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-primary) 60%, transparent); }
:root .border-r-primary-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-primary) 70%, transparent); }
:root .border-r-primary-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-primary) 80%, transparent); }
:root .border-r-primary-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-primary) 90%, transparent); }
:root .border-b-primary-600 { border-bottom-color: var(--spectra-primary); }
:root .border-b-primary-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-primary) 10%, transparent); }
:root .border-b-primary-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-primary) 20%, transparent); }
:root .border-b-primary-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-primary) 30%, transparent); }
:root .border-b-primary-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-primary) 40%, transparent); }
:root .border-b-primary-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-primary) 50%, transparent); }
:root .border-b-primary-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-primary) 60%, transparent); }
:root .border-b-primary-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-primary) 70%, transparent); }
:root .border-b-primary-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-primary) 80%, transparent); }
:root .border-b-primary-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-primary) 90%, transparent); }
:root .border-l-primary-600 { border-left-color: var(--spectra-primary); }
:root .border-l-primary-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-primary) 10%, transparent); }
:root .border-l-primary-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-primary) 20%, transparent); }
:root .border-l-primary-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-primary) 30%, transparent); }
:root .border-l-primary-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-primary) 40%, transparent); }
:root .border-l-primary-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-primary) 50%, transparent); }
:root .border-l-primary-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-primary) 60%, transparent); }
:root .border-l-primary-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-primary) 70%, transparent); }
:root .border-l-primary-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-primary) 80%, transparent); }
:root .border-l-primary-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-primary) 90%, transparent); }
:root .border-x-primary-600 { border-left-color: var(--spectra-primary); border-right-color: var(--spectra-primary); }
:root .border-x-primary-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-primary) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-primary) 10%, transparent); }
:root .border-x-primary-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-primary) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-primary) 20%, transparent); }
:root .border-x-primary-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-primary) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-primary) 30%, transparent); }
:root .border-x-primary-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-primary) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-primary) 40%, transparent); }
:root .border-x-primary-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-primary) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-primary) 50%, transparent); }
:root .border-x-primary-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-primary) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-primary) 60%, transparent); }
:root .border-x-primary-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-primary) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-primary) 70%, transparent); }
:root .border-x-primary-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-primary) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-primary) 80%, transparent); }
:root .border-x-primary-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-primary) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-primary) 90%, transparent); }
:root .border-y-primary-600 { border-top-color: var(--spectra-primary); border-bottom-color: var(--spectra-primary); }
:root .border-y-primary-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-primary) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-primary) 10%, transparent); }
:root .border-y-primary-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-primary) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-primary) 20%, transparent); }
:root .border-y-primary-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-primary) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-primary) 30%, transparent); }
:root .border-y-primary-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-primary) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-primary) 40%, transparent); }
:root .border-y-primary-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-primary) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-primary) 50%, transparent); }
:root .border-y-primary-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-primary) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-primary) 60%, transparent); }
:root .border-y-primary-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-primary) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-primary) 70%, transparent); }
:root .border-y-primary-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-primary) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-primary) 80%, transparent); }
:root .border-y-primary-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-primary) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-primary) 90%, transparent); }
:root .ring-primary-600 { --tw-ring-color: var(--spectra-primary); }
:root .ring-offset-primary-600 { --tw-ring-offset-color: var(--spectra-primary); }
:root .bg-secondary-600 { background: var(--spectra-secondary); }
:root .bg-secondary-600\/10 { background: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); }
:root .bg-secondary-600\/20 { background: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); }
:root .bg-secondary-600\/30 { background: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); }
:root .bg-secondary-600\/40 { background: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); }
:root .bg-secondary-600\/50 { background: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); }
:root .bg-secondary-600\/60 { background: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); }
:root .bg-secondary-600\/70 { background: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); }
:root .bg-secondary-600\/80 { background: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); }
:root .bg-secondary-600\/90 { background: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); }
:root .text-secondary-600 { color: var(--spectra-secondary); -webkit-text-fill-color: var(--spectra-secondary); }
:root .text-secondary-600\/10 { color: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); }
:root .text-secondary-600\/20 { color: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); }
:root .text-secondary-600\/30 { color: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); }
:root .text-secondary-600\/40 { color: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); }
:root .text-secondary-600\/50 { color: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); }
:root .text-secondary-600\/60 { color: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); }
:root .text-secondary-600\/70 { color: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); }
:root .text-secondary-600\/80 { color: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); }
:root .text-secondary-600\/90 { color: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); }
:root .border-secondary-600 { border-color: var(--spectra-secondary); }
:root .border-secondary-600\/10 { border-color: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); }
:root .border-secondary-600\/20 { border-color: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); }
:root .border-secondary-600\/30 { border-color: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); }
:root .border-secondary-600\/40 { border-color: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); }
:root .border-secondary-600\/50 { border-color: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); }
:root .border-secondary-600\/60 { border-color: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); }
:root .border-secondary-600\/70 { border-color: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); }
:root .border-secondary-600\/80 { border-color: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); }
:root .border-secondary-600\/90 { border-color: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); }
:root .outline-secondary-600 { outline-color: var(--spectra-secondary); }
:root .outline-secondary-600\/10 { outline-color: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); }
:root .outline-secondary-600\/20 { outline-color: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); }
:root .outline-secondary-600\/30 { outline-color: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); }
:root .outline-secondary-600\/40 { outline-color: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); }
:root .outline-secondary-600\/50 { outline-color: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); }
:root .outline-secondary-600\/60 { outline-color: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); }
:root .outline-secondary-600\/70 { outline-color: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); }
:root .outline-secondary-600\/80 { outline-color: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); }
:root .outline-secondary-600\/90 { outline-color: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); }
:root .overlay-secondary-600 { background: var(--spectra-secondary); }
:root .overlay-secondary-600\/10 { background: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); }
:root .overlay-secondary-600\/20 { background: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); }
:root .overlay-secondary-600\/30 { background: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); }
:root .overlay-secondary-600\/40 { background: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); }
:root .overlay-secondary-600\/50 { background: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); }
:root .overlay-secondary-600\/60 { background: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); }
:root .overlay-secondary-600\/70 { background: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); }
:root .overlay-secondary-600\/80 { background: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); }
:root .overlay-secondary-600\/90 { background: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); }
:root .fill-secondary-600 { fill: var(--spectra-secondary); }
:root .fill-secondary-600\/10 { fill: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); }
:root .fill-secondary-600\/20 { fill: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); }
:root .fill-secondary-600\/30 { fill: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); }
:root .fill-secondary-600\/40 { fill: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); }
:root .fill-secondary-600\/50 { fill: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); }
:root .fill-secondary-600\/60 { fill: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); }
:root .fill-secondary-600\/70 { fill: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); }
:root .fill-secondary-600\/80 { fill: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); }
:root .fill-secondary-600\/90 { fill: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); }
:root .stroke-secondary-600 { stroke: var(--spectra-secondary); }
:root .stroke-secondary-600\/10 { stroke: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); }
:root .stroke-secondary-600\/20 { stroke: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); }
:root .stroke-secondary-600\/30 { stroke: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); }
:root .stroke-secondary-600\/40 { stroke: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); }
:root .stroke-secondary-600\/50 { stroke: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); }
:root .stroke-secondary-600\/60 { stroke: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); }
:root .stroke-secondary-600\/70 { stroke: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); }
:root .stroke-secondary-600\/80 { stroke: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); }
:root .stroke-secondary-600\/90 { stroke: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); }
:root .border-t-secondary-600 { border-top-color: var(--spectra-secondary); }
:root .border-t-secondary-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); }
:root .border-t-secondary-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); }
:root .border-t-secondary-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); }
:root .border-t-secondary-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); }
:root .border-t-secondary-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); }
:root .border-t-secondary-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); }
:root .border-t-secondary-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); }
:root .border-t-secondary-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); }
:root .border-t-secondary-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); }
:root .border-r-secondary-600 { border-right-color: var(--spectra-secondary); }
:root .border-r-secondary-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); }
:root .border-r-secondary-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); }
:root .border-r-secondary-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); }
:root .border-r-secondary-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); }
:root .border-r-secondary-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); }
:root .border-r-secondary-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); }
:root .border-r-secondary-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); }
:root .border-r-secondary-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); }
:root .border-r-secondary-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); }
:root .border-b-secondary-600 { border-bottom-color: var(--spectra-secondary); }
:root .border-b-secondary-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); }
:root .border-b-secondary-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); }
:root .border-b-secondary-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); }
:root .border-b-secondary-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); }
:root .border-b-secondary-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); }
:root .border-b-secondary-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); }
:root .border-b-secondary-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); }
:root .border-b-secondary-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); }
:root .border-b-secondary-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); }
:root .border-l-secondary-600 { border-left-color: var(--spectra-secondary); }
:root .border-l-secondary-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); }
:root .border-l-secondary-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); }
:root .border-l-secondary-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); }
:root .border-l-secondary-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); }
:root .border-l-secondary-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); }
:root .border-l-secondary-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); }
:root .border-l-secondary-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); }
:root .border-l-secondary-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); }
:root .border-l-secondary-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); }
:root .border-x-secondary-600 { border-left-color: var(--spectra-secondary); border-right-color: var(--spectra-secondary); }
:root .border-x-secondary-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); }
:root .border-x-secondary-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); }
:root .border-x-secondary-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); }
:root .border-x-secondary-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); }
:root .border-x-secondary-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); }
:root .border-x-secondary-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); }
:root .border-x-secondary-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); }
:root .border-x-secondary-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); }
:root .border-x-secondary-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); }
:root .border-y-secondary-600 { border-top-color: var(--spectra-secondary); border-bottom-color: var(--spectra-secondary); }
:root .border-y-secondary-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 10%, transparent); }
:root .border-y-secondary-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 20%, transparent); }
:root .border-y-secondary-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 30%, transparent); }
:root .border-y-secondary-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 40%, transparent); }
:root .border-y-secondary-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 50%, transparent); }
:root .border-y-secondary-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 60%, transparent); }
:root .border-y-secondary-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 70%, transparent); }
:root .border-y-secondary-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 80%, transparent); }
:root .border-y-secondary-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-secondary) 90%, transparent); }
:root .ring-secondary-600 { --tw-ring-color: var(--spectra-secondary); }
:root .ring-offset-secondary-600 { --tw-ring-offset-color: var(--spectra-secondary); }
:root .bg-accent-600 { background: var(--spectra-accent); }
:root .bg-accent-600\/10 { background: color-mix(in srgb, var(--spectra-accent) 10%, transparent); }
:root .bg-accent-600\/20 { background: color-mix(in srgb, var(--spectra-accent) 20%, transparent); }
:root .bg-accent-600\/30 { background: color-mix(in srgb, var(--spectra-accent) 30%, transparent); }
:root .bg-accent-600\/40 { background: color-mix(in srgb, var(--spectra-accent) 40%, transparent); }
:root .bg-accent-600\/50 { background: color-mix(in srgb, var(--spectra-accent) 50%, transparent); }
:root .bg-accent-600\/60 { background: color-mix(in srgb, var(--spectra-accent) 60%, transparent); }
:root .bg-accent-600\/70 { background: color-mix(in srgb, var(--spectra-accent) 70%, transparent); }
:root .bg-accent-600\/80 { background: color-mix(in srgb, var(--spectra-accent) 80%, transparent); }
:root .bg-accent-600\/90 { background: color-mix(in srgb, var(--spectra-accent) 90%, transparent); }
:root .text-accent-600 { color: var(--spectra-accent); -webkit-text-fill-color: var(--spectra-accent); }
:root .text-accent-600\/10 { color: color-mix(in srgb, var(--spectra-accent) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-accent) 10%, transparent); }
:root .text-accent-600\/20 { color: color-mix(in srgb, var(--spectra-accent) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-accent) 20%, transparent); }
:root .text-accent-600\/30 { color: color-mix(in srgb, var(--spectra-accent) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-accent) 30%, transparent); }
:root .text-accent-600\/40 { color: color-mix(in srgb, var(--spectra-accent) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-accent) 40%, transparent); }
:root .text-accent-600\/50 { color: color-mix(in srgb, var(--spectra-accent) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-accent) 50%, transparent); }
:root .text-accent-600\/60 { color: color-mix(in srgb, var(--spectra-accent) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-accent) 60%, transparent); }
:root .text-accent-600\/70 { color: color-mix(in srgb, var(--spectra-accent) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-accent) 70%, transparent); }
:root .text-accent-600\/80 { color: color-mix(in srgb, var(--spectra-accent) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-accent) 80%, transparent); }
:root .text-accent-600\/90 { color: color-mix(in srgb, var(--spectra-accent) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-accent) 90%, transparent); }
:root .border-accent-600 { border-color: var(--spectra-accent); }
:root .border-accent-600\/10 { border-color: color-mix(in srgb, var(--spectra-accent) 10%, transparent); }
:root .border-accent-600\/20 { border-color: color-mix(in srgb, var(--spectra-accent) 20%, transparent); }
:root .border-accent-600\/30 { border-color: color-mix(in srgb, var(--spectra-accent) 30%, transparent); }
:root .border-accent-600\/40 { border-color: color-mix(in srgb, var(--spectra-accent) 40%, transparent); }
:root .border-accent-600\/50 { border-color: color-mix(in srgb, var(--spectra-accent) 50%, transparent); }
:root .border-accent-600\/60 { border-color: color-mix(in srgb, var(--spectra-accent) 60%, transparent); }
:root .border-accent-600\/70 { border-color: color-mix(in srgb, var(--spectra-accent) 70%, transparent); }
:root .border-accent-600\/80 { border-color: color-mix(in srgb, var(--spectra-accent) 80%, transparent); }
:root .border-accent-600\/90 { border-color: color-mix(in srgb, var(--spectra-accent) 90%, transparent); }
:root .outline-accent-600 { outline-color: var(--spectra-accent); }
:root .outline-accent-600\/10 { outline-color: color-mix(in srgb, var(--spectra-accent) 10%, transparent); }
:root .outline-accent-600\/20 { outline-color: color-mix(in srgb, var(--spectra-accent) 20%, transparent); }
:root .outline-accent-600\/30 { outline-color: color-mix(in srgb, var(--spectra-accent) 30%, transparent); }
:root .outline-accent-600\/40 { outline-color: color-mix(in srgb, var(--spectra-accent) 40%, transparent); }
:root .outline-accent-600\/50 { outline-color: color-mix(in srgb, var(--spectra-accent) 50%, transparent); }
:root .outline-accent-600\/60 { outline-color: color-mix(in srgb, var(--spectra-accent) 60%, transparent); }
:root .outline-accent-600\/70 { outline-color: color-mix(in srgb, var(--spectra-accent) 70%, transparent); }
:root .outline-accent-600\/80 { outline-color: color-mix(in srgb, var(--spectra-accent) 80%, transparent); }
:root .outline-accent-600\/90 { outline-color: color-mix(in srgb, var(--spectra-accent) 90%, transparent); }
:root .overlay-accent-600 { background: var(--spectra-accent); }
:root .overlay-accent-600\/10 { background: color-mix(in srgb, var(--spectra-accent) 10%, transparent); }
:root .overlay-accent-600\/20 { background: color-mix(in srgb, var(--spectra-accent) 20%, transparent); }
:root .overlay-accent-600\/30 { background: color-mix(in srgb, var(--spectra-accent) 30%, transparent); }
:root .overlay-accent-600\/40 { background: color-mix(in srgb, var(--spectra-accent) 40%, transparent); }
:root .overlay-accent-600\/50 { background: color-mix(in srgb, var(--spectra-accent) 50%, transparent); }
:root .overlay-accent-600\/60 { background: color-mix(in srgb, var(--spectra-accent) 60%, transparent); }
:root .overlay-accent-600\/70 { background: color-mix(in srgb, var(--spectra-accent) 70%, transparent); }
:root .overlay-accent-600\/80 { background: color-mix(in srgb, var(--spectra-accent) 80%, transparent); }
:root .overlay-accent-600\/90 { background: color-mix(in srgb, var(--spectra-accent) 90%, transparent); }
:root .fill-accent-600 { fill: var(--spectra-accent); }
:root .fill-accent-600\/10 { fill: color-mix(in srgb, var(--spectra-accent) 10%, transparent); }
:root .fill-accent-600\/20 { fill: color-mix(in srgb, var(--spectra-accent) 20%, transparent); }
:root .fill-accent-600\/30 { fill: color-mix(in srgb, var(--spectra-accent) 30%, transparent); }
:root .fill-accent-600\/40 { fill: color-mix(in srgb, var(--spectra-accent) 40%, transparent); }
:root .fill-accent-600\/50 { fill: color-mix(in srgb, var(--spectra-accent) 50%, transparent); }
:root .fill-accent-600\/60 { fill: color-mix(in srgb, var(--spectra-accent) 60%, transparent); }
:root .fill-accent-600\/70 { fill: color-mix(in srgb, var(--spectra-accent) 70%, transparent); }
:root .fill-accent-600\/80 { fill: color-mix(in srgb, var(--spectra-accent) 80%, transparent); }
:root .fill-accent-600\/90 { fill: color-mix(in srgb, var(--spectra-accent) 90%, transparent); }
:root .stroke-accent-600 { stroke: var(--spectra-accent); }
:root .stroke-accent-600\/10 { stroke: color-mix(in srgb, var(--spectra-accent) 10%, transparent); }
:root .stroke-accent-600\/20 { stroke: color-mix(in srgb, var(--spectra-accent) 20%, transparent); }
:root .stroke-accent-600\/30 { stroke: color-mix(in srgb, var(--spectra-accent) 30%, transparent); }
:root .stroke-accent-600\/40 { stroke: color-mix(in srgb, var(--spectra-accent) 40%, transparent); }
:root .stroke-accent-600\/50 { stroke: color-mix(in srgb, var(--spectra-accent) 50%, transparent); }
:root .stroke-accent-600\/60 { stroke: color-mix(in srgb, var(--spectra-accent) 60%, transparent); }
:root .stroke-accent-600\/70 { stroke: color-mix(in srgb, var(--spectra-accent) 70%, transparent); }
:root .stroke-accent-600\/80 { stroke: color-mix(in srgb, var(--spectra-accent) 80%, transparent); }
:root .stroke-accent-600\/90 { stroke: color-mix(in srgb, var(--spectra-accent) 90%, transparent); }
:root .border-t-accent-600 { border-top-color: var(--spectra-accent); }
:root .border-t-accent-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-accent) 10%, transparent); }
:root .border-t-accent-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-accent) 20%, transparent); }
:root .border-t-accent-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-accent) 30%, transparent); }
:root .border-t-accent-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-accent) 40%, transparent); }
:root .border-t-accent-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-accent) 50%, transparent); }
:root .border-t-accent-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-accent) 60%, transparent); }
:root .border-t-accent-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-accent) 70%, transparent); }
:root .border-t-accent-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-accent) 80%, transparent); }
:root .border-t-accent-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-accent) 90%, transparent); }
:root .border-r-accent-600 { border-right-color: var(--spectra-accent); }
:root .border-r-accent-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-accent) 10%, transparent); }
:root .border-r-accent-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-accent) 20%, transparent); }
:root .border-r-accent-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-accent) 30%, transparent); }
:root .border-r-accent-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-accent) 40%, transparent); }
:root .border-r-accent-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-accent) 50%, transparent); }
:root .border-r-accent-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-accent) 60%, transparent); }
:root .border-r-accent-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-accent) 70%, transparent); }
:root .border-r-accent-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-accent) 80%, transparent); }
:root .border-r-accent-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-accent) 90%, transparent); }
:root .border-b-accent-600 { border-bottom-color: var(--spectra-accent); }
:root .border-b-accent-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-accent) 10%, transparent); }
:root .border-b-accent-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-accent) 20%, transparent); }
:root .border-b-accent-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-accent) 30%, transparent); }
:root .border-b-accent-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-accent) 40%, transparent); }
:root .border-b-accent-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-accent) 50%, transparent); }
:root .border-b-accent-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-accent) 60%, transparent); }
:root .border-b-accent-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-accent) 70%, transparent); }
:root .border-b-accent-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-accent) 80%, transparent); }
:root .border-b-accent-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-accent) 90%, transparent); }
:root .border-l-accent-600 { border-left-color: var(--spectra-accent); }
:root .border-l-accent-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-accent) 10%, transparent); }
:root .border-l-accent-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-accent) 20%, transparent); }
:root .border-l-accent-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-accent) 30%, transparent); }
:root .border-l-accent-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-accent) 40%, transparent); }
:root .border-l-accent-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-accent) 50%, transparent); }
:root .border-l-accent-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-accent) 60%, transparent); }
:root .border-l-accent-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-accent) 70%, transparent); }
:root .border-l-accent-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-accent) 80%, transparent); }
:root .border-l-accent-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-accent) 90%, transparent); }
:root .border-x-accent-600 { border-left-color: var(--spectra-accent); border-right-color: var(--spectra-accent); }
:root .border-x-accent-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-accent) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-accent) 10%, transparent); }
:root .border-x-accent-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-accent) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-accent) 20%, transparent); }
:root .border-x-accent-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-accent) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-accent) 30%, transparent); }
:root .border-x-accent-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-accent) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-accent) 40%, transparent); }
:root .border-x-accent-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-accent) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-accent) 50%, transparent); }
:root .border-x-accent-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-accent) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-accent) 60%, transparent); }
:root .border-x-accent-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-accent) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-accent) 70%, transparent); }
:root .border-x-accent-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-accent) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-accent) 80%, transparent); }
:root .border-x-accent-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-accent) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-accent) 90%, transparent); }
:root .border-y-accent-600 { border-top-color: var(--spectra-accent); border-bottom-color: var(--spectra-accent); }
:root .border-y-accent-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-accent) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-accent) 10%, transparent); }
:root .border-y-accent-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-accent) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-accent) 20%, transparent); }
:root .border-y-accent-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-accent) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-accent) 30%, transparent); }
:root .border-y-accent-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-accent) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-accent) 40%, transparent); }
:root .border-y-accent-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-accent) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-accent) 50%, transparent); }
:root .border-y-accent-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-accent) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-accent) 60%, transparent); }
:root .border-y-accent-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-accent) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-accent) 70%, transparent); }
:root .border-y-accent-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-accent) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-accent) 80%, transparent); }
:root .border-y-accent-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-accent) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-accent) 90%, transparent); }
:root .ring-accent-600 { --tw-ring-color: var(--spectra-accent); }
:root .ring-offset-accent-600 { --tw-ring-offset-color: var(--spectra-accent); }
:root .bg-success-600 { background: var(--spectra-success); }
:root .bg-success-600\/10 { background: color-mix(in srgb, var(--spectra-success) 10%, transparent); }
:root .bg-success-600\/20 { background: color-mix(in srgb, var(--spectra-success) 20%, transparent); }
:root .bg-success-600\/30 { background: color-mix(in srgb, var(--spectra-success) 30%, transparent); }
:root .bg-success-600\/40 { background: color-mix(in srgb, var(--spectra-success) 40%, transparent); }
:root .bg-success-600\/50 { background: color-mix(in srgb, var(--spectra-success) 50%, transparent); }
:root .bg-success-600\/60 { background: color-mix(in srgb, var(--spectra-success) 60%, transparent); }
:root .bg-success-600\/70 { background: color-mix(in srgb, var(--spectra-success) 70%, transparent); }
:root .bg-success-600\/80 { background: color-mix(in srgb, var(--spectra-success) 80%, transparent); }
:root .bg-success-600\/90 { background: color-mix(in srgb, var(--spectra-success) 90%, transparent); }
:root .text-success-600 { color: var(--spectra-success); -webkit-text-fill-color: var(--spectra-success); }
:root .text-success-600\/10 { color: color-mix(in srgb, var(--spectra-success) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-success) 10%, transparent); }
:root .text-success-600\/20 { color: color-mix(in srgb, var(--spectra-success) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-success) 20%, transparent); }
:root .text-success-600\/30 { color: color-mix(in srgb, var(--spectra-success) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-success) 30%, transparent); }
:root .text-success-600\/40 { color: color-mix(in srgb, var(--spectra-success) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-success) 40%, transparent); }
:root .text-success-600\/50 { color: color-mix(in srgb, var(--spectra-success) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-success) 50%, transparent); }
:root .text-success-600\/60 { color: color-mix(in srgb, var(--spectra-success) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-success) 60%, transparent); }
:root .text-success-600\/70 { color: color-mix(in srgb, var(--spectra-success) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-success) 70%, transparent); }
:root .text-success-600\/80 { color: color-mix(in srgb, var(--spectra-success) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-success) 80%, transparent); }
:root .text-success-600\/90 { color: color-mix(in srgb, var(--spectra-success) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-success) 90%, transparent); }
:root .border-success-600 { border-color: var(--spectra-success); }
:root .border-success-600\/10 { border-color: color-mix(in srgb, var(--spectra-success) 10%, transparent); }
:root .border-success-600\/20 { border-color: color-mix(in srgb, var(--spectra-success) 20%, transparent); }
:root .border-success-600\/30 { border-color: color-mix(in srgb, var(--spectra-success) 30%, transparent); }
:root .border-success-600\/40 { border-color: color-mix(in srgb, var(--spectra-success) 40%, transparent); }
:root .border-success-600\/50 { border-color: color-mix(in srgb, var(--spectra-success) 50%, transparent); }
:root .border-success-600\/60 { border-color: color-mix(in srgb, var(--spectra-success) 60%, transparent); }
:root .border-success-600\/70 { border-color: color-mix(in srgb, var(--spectra-success) 70%, transparent); }
:root .border-success-600\/80 { border-color: color-mix(in srgb, var(--spectra-success) 80%, transparent); }
:root .border-success-600\/90 { border-color: color-mix(in srgb, var(--spectra-success) 90%, transparent); }
:root .outline-success-600 { outline-color: var(--spectra-success); }
:root .outline-success-600\/10 { outline-color: color-mix(in srgb, var(--spectra-success) 10%, transparent); }
:root .outline-success-600\/20 { outline-color: color-mix(in srgb, var(--spectra-success) 20%, transparent); }
:root .outline-success-600\/30 { outline-color: color-mix(in srgb, var(--spectra-success) 30%, transparent); }
:root .outline-success-600\/40 { outline-color: color-mix(in srgb, var(--spectra-success) 40%, transparent); }
:root .outline-success-600\/50 { outline-color: color-mix(in srgb, var(--spectra-success) 50%, transparent); }
:root .outline-success-600\/60 { outline-color: color-mix(in srgb, var(--spectra-success) 60%, transparent); }
:root .outline-success-600\/70 { outline-color: color-mix(in srgb, var(--spectra-success) 70%, transparent); }
:root .outline-success-600\/80 { outline-color: color-mix(in srgb, var(--spectra-success) 80%, transparent); }
:root .outline-success-600\/90 { outline-color: color-mix(in srgb, var(--spectra-success) 90%, transparent); }
:root .overlay-success-600 { background: var(--spectra-success); }
:root .overlay-success-600\/10 { background: color-mix(in srgb, var(--spectra-success) 10%, transparent); }
:root .overlay-success-600\/20 { background: color-mix(in srgb, var(--spectra-success) 20%, transparent); }
:root .overlay-success-600\/30 { background: color-mix(in srgb, var(--spectra-success) 30%, transparent); }
:root .overlay-success-600\/40 { background: color-mix(in srgb, var(--spectra-success) 40%, transparent); }
:root .overlay-success-600\/50 { background: color-mix(in srgb, var(--spectra-success) 50%, transparent); }
:root .overlay-success-600\/60 { background: color-mix(in srgb, var(--spectra-success) 60%, transparent); }
:root .overlay-success-600\/70 { background: color-mix(in srgb, var(--spectra-success) 70%, transparent); }
:root .overlay-success-600\/80 { background: color-mix(in srgb, var(--spectra-success) 80%, transparent); }
:root .overlay-success-600\/90 { background: color-mix(in srgb, var(--spectra-success) 90%, transparent); }
:root .fill-success-600 { fill: var(--spectra-success); }
:root .fill-success-600\/10 { fill: color-mix(in srgb, var(--spectra-success) 10%, transparent); }
:root .fill-success-600\/20 { fill: color-mix(in srgb, var(--spectra-success) 20%, transparent); }
:root .fill-success-600\/30 { fill: color-mix(in srgb, var(--spectra-success) 30%, transparent); }
:root .fill-success-600\/40 { fill: color-mix(in srgb, var(--spectra-success) 40%, transparent); }
:root .fill-success-600\/50 { fill: color-mix(in srgb, var(--spectra-success) 50%, transparent); }
:root .fill-success-600\/60 { fill: color-mix(in srgb, var(--spectra-success) 60%, transparent); }
:root .fill-success-600\/70 { fill: color-mix(in srgb, var(--spectra-success) 70%, transparent); }
:root .fill-success-600\/80 { fill: color-mix(in srgb, var(--spectra-success) 80%, transparent); }
:root .fill-success-600\/90 { fill: color-mix(in srgb, var(--spectra-success) 90%, transparent); }
:root .stroke-success-600 { stroke: var(--spectra-success); }
:root .stroke-success-600\/10 { stroke: color-mix(in srgb, var(--spectra-success) 10%, transparent); }
:root .stroke-success-600\/20 { stroke: color-mix(in srgb, var(--spectra-success) 20%, transparent); }
:root .stroke-success-600\/30 { stroke: color-mix(in srgb, var(--spectra-success) 30%, transparent); }
:root .stroke-success-600\/40 { stroke: color-mix(in srgb, var(--spectra-success) 40%, transparent); }
:root .stroke-success-600\/50 { stroke: color-mix(in srgb, var(--spectra-success) 50%, transparent); }
:root .stroke-success-600\/60 { stroke: color-mix(in srgb, var(--spectra-success) 60%, transparent); }
:root .stroke-success-600\/70 { stroke: color-mix(in srgb, var(--spectra-success) 70%, transparent); }
:root .stroke-success-600\/80 { stroke: color-mix(in srgb, var(--spectra-success) 80%, transparent); }
:root .stroke-success-600\/90 { stroke: color-mix(in srgb, var(--spectra-success) 90%, transparent); }
:root .border-t-success-600 { border-top-color: var(--spectra-success); }
:root .border-t-success-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-success) 10%, transparent); }
:root .border-t-success-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-success) 20%, transparent); }
:root .border-t-success-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-success) 30%, transparent); }
:root .border-t-success-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-success) 40%, transparent); }
:root .border-t-success-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-success) 50%, transparent); }
:root .border-t-success-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-success) 60%, transparent); }
:root .border-t-success-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-success) 70%, transparent); }
:root .border-t-success-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-success) 80%, transparent); }
:root .border-t-success-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-success) 90%, transparent); }
:root .border-r-success-600 { border-right-color: var(--spectra-success); }
:root .border-r-success-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-success) 10%, transparent); }
:root .border-r-success-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-success) 20%, transparent); }
:root .border-r-success-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-success) 30%, transparent); }
:root .border-r-success-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-success) 40%, transparent); }
:root .border-r-success-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-success) 50%, transparent); }
:root .border-r-success-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-success) 60%, transparent); }
:root .border-r-success-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-success) 70%, transparent); }
:root .border-r-success-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-success) 80%, transparent); }
:root .border-r-success-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-success) 90%, transparent); }
:root .border-b-success-600 { border-bottom-color: var(--spectra-success); }
:root .border-b-success-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-success) 10%, transparent); }
:root .border-b-success-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-success) 20%, transparent); }
:root .border-b-success-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-success) 30%, transparent); }
:root .border-b-success-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-success) 40%, transparent); }
:root .border-b-success-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-success) 50%, transparent); }
:root .border-b-success-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-success) 60%, transparent); }
:root .border-b-success-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-success) 70%, transparent); }
:root .border-b-success-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-success) 80%, transparent); }
:root .border-b-success-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-success) 90%, transparent); }
:root .border-l-success-600 { border-left-color: var(--spectra-success); }
:root .border-l-success-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-success) 10%, transparent); }
:root .border-l-success-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-success) 20%, transparent); }
:root .border-l-success-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-success) 30%, transparent); }
:root .border-l-success-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-success) 40%, transparent); }
:root .border-l-success-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-success) 50%, transparent); }
:root .border-l-success-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-success) 60%, transparent); }
:root .border-l-success-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-success) 70%, transparent); }
:root .border-l-success-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-success) 80%, transparent); }
:root .border-l-success-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-success) 90%, transparent); }
:root .border-x-success-600 { border-left-color: var(--spectra-success); border-right-color: var(--spectra-success); }
:root .border-x-success-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-success) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-success) 10%, transparent); }
:root .border-x-success-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-success) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-success) 20%, transparent); }
:root .border-x-success-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-success) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-success) 30%, transparent); }
:root .border-x-success-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-success) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-success) 40%, transparent); }
:root .border-x-success-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-success) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-success) 50%, transparent); }
:root .border-x-success-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-success) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-success) 60%, transparent); }
:root .border-x-success-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-success) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-success) 70%, transparent); }
:root .border-x-success-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-success) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-success) 80%, transparent); }
:root .border-x-success-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-success) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-success) 90%, transparent); }
:root .border-y-success-600 { border-top-color: var(--spectra-success); border-bottom-color: var(--spectra-success); }
:root .border-y-success-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-success) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-success) 10%, transparent); }
:root .border-y-success-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-success) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-success) 20%, transparent); }
:root .border-y-success-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-success) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-success) 30%, transparent); }
:root .border-y-success-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-success) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-success) 40%, transparent); }
:root .border-y-success-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-success) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-success) 50%, transparent); }
:root .border-y-success-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-success) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-success) 60%, transparent); }
:root .border-y-success-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-success) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-success) 70%, transparent); }
:root .border-y-success-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-success) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-success) 80%, transparent); }
:root .border-y-success-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-success) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-success) 90%, transparent); }
:root .ring-success-600 { --tw-ring-color: var(--spectra-success); }
:root .ring-offset-success-600 { --tw-ring-offset-color: var(--spectra-success); }
:root .bg-error-600 { background: var(--spectra-error); }
:root .bg-error-600\/10 { background: color-mix(in srgb, var(--spectra-error) 10%, transparent); }
:root .bg-error-600\/20 { background: color-mix(in srgb, var(--spectra-error) 20%, transparent); }
:root .bg-error-600\/30 { background: color-mix(in srgb, var(--spectra-error) 30%, transparent); }
:root .bg-error-600\/40 { background: color-mix(in srgb, var(--spectra-error) 40%, transparent); }
:root .bg-error-600\/50 { background: color-mix(in srgb, var(--spectra-error) 50%, transparent); }
:root .bg-error-600\/60 { background: color-mix(in srgb, var(--spectra-error) 60%, transparent); }
:root .bg-error-600\/70 { background: color-mix(in srgb, var(--spectra-error) 70%, transparent); }
:root .bg-error-600\/80 { background: color-mix(in srgb, var(--spectra-error) 80%, transparent); }
:root .bg-error-600\/90 { background: color-mix(in srgb, var(--spectra-error) 90%, transparent); }
:root .text-error-600 { color: var(--spectra-error); -webkit-text-fill-color: var(--spectra-error); }
:root .text-error-600\/10 { color: color-mix(in srgb, var(--spectra-error) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-error) 10%, transparent); }
:root .text-error-600\/20 { color: color-mix(in srgb, var(--spectra-error) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-error) 20%, transparent); }
:root .text-error-600\/30 { color: color-mix(in srgb, var(--spectra-error) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-error) 30%, transparent); }
:root .text-error-600\/40 { color: color-mix(in srgb, var(--spectra-error) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-error) 40%, transparent); }
:root .text-error-600\/50 { color: color-mix(in srgb, var(--spectra-error) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-error) 50%, transparent); }
:root .text-error-600\/60 { color: color-mix(in srgb, var(--spectra-error) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-error) 60%, transparent); }
:root .text-error-600\/70 { color: color-mix(in srgb, var(--spectra-error) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-error) 70%, transparent); }
:root .text-error-600\/80 { color: color-mix(in srgb, var(--spectra-error) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-error) 80%, transparent); }
:root .text-error-600\/90 { color: color-mix(in srgb, var(--spectra-error) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-error) 90%, transparent); }
:root .border-error-600 { border-color: var(--spectra-error); }
:root .border-error-600\/10 { border-color: color-mix(in srgb, var(--spectra-error) 10%, transparent); }
:root .border-error-600\/20 { border-color: color-mix(in srgb, var(--spectra-error) 20%, transparent); }
:root .border-error-600\/30 { border-color: color-mix(in srgb, var(--spectra-error) 30%, transparent); }
:root .border-error-600\/40 { border-color: color-mix(in srgb, var(--spectra-error) 40%, transparent); }
:root .border-error-600\/50 { border-color: color-mix(in srgb, var(--spectra-error) 50%, transparent); }
:root .border-error-600\/60 { border-color: color-mix(in srgb, var(--spectra-error) 60%, transparent); }
:root .border-error-600\/70 { border-color: color-mix(in srgb, var(--spectra-error) 70%, transparent); }
:root .border-error-600\/80 { border-color: color-mix(in srgb, var(--spectra-error) 80%, transparent); }
:root .border-error-600\/90 { border-color: color-mix(in srgb, var(--spectra-error) 90%, transparent); }
:root .outline-error-600 { outline-color: var(--spectra-error); }
:root .outline-error-600\/10 { outline-color: color-mix(in srgb, var(--spectra-error) 10%, transparent); }
:root .outline-error-600\/20 { outline-color: color-mix(in srgb, var(--spectra-error) 20%, transparent); }
:root .outline-error-600\/30 { outline-color: color-mix(in srgb, var(--spectra-error) 30%, transparent); }
:root .outline-error-600\/40 { outline-color: color-mix(in srgb, var(--spectra-error) 40%, transparent); }
:root .outline-error-600\/50 { outline-color: color-mix(in srgb, var(--spectra-error) 50%, transparent); }
:root .outline-error-600\/60 { outline-color: color-mix(in srgb, var(--spectra-error) 60%, transparent); }
:root .outline-error-600\/70 { outline-color: color-mix(in srgb, var(--spectra-error) 70%, transparent); }
:root .outline-error-600\/80 { outline-color: color-mix(in srgb, var(--spectra-error) 80%, transparent); }
:root .outline-error-600\/90 { outline-color: color-mix(in srgb, var(--spectra-error) 90%, transparent); }
:root .overlay-error-600 { background: var(--spectra-error); }
:root .overlay-error-600\/10 { background: color-mix(in srgb, var(--spectra-error) 10%, transparent); }
:root .overlay-error-600\/20 { background: color-mix(in srgb, var(--spectra-error) 20%, transparent); }
:root .overlay-error-600\/30 { background: color-mix(in srgb, var(--spectra-error) 30%, transparent); }
:root .overlay-error-600\/40 { background: color-mix(in srgb, var(--spectra-error) 40%, transparent); }
:root .overlay-error-600\/50 { background: color-mix(in srgb, var(--spectra-error) 50%, transparent); }
:root .overlay-error-600\/60 { background: color-mix(in srgb, var(--spectra-error) 60%, transparent); }
:root .overlay-error-600\/70 { background: color-mix(in srgb, var(--spectra-error) 70%, transparent); }
:root .overlay-error-600\/80 { background: color-mix(in srgb, var(--spectra-error) 80%, transparent); }
:root .overlay-error-600\/90 { background: color-mix(in srgb, var(--spectra-error) 90%, transparent); }
:root .fill-error-600 { fill: var(--spectra-error); }
:root .fill-error-600\/10 { fill: color-mix(in srgb, var(--spectra-error) 10%, transparent); }
:root .fill-error-600\/20 { fill: color-mix(in srgb, var(--spectra-error) 20%, transparent); }
:root .fill-error-600\/30 { fill: color-mix(in srgb, var(--spectra-error) 30%, transparent); }
:root .fill-error-600\/40 { fill: color-mix(in srgb, var(--spectra-error) 40%, transparent); }
:root .fill-error-600\/50 { fill: color-mix(in srgb, var(--spectra-error) 50%, transparent); }
:root .fill-error-600\/60 { fill: color-mix(in srgb, var(--spectra-error) 60%, transparent); }
:root .fill-error-600\/70 { fill: color-mix(in srgb, var(--spectra-error) 70%, transparent); }
:root .fill-error-600\/80 { fill: color-mix(in srgb, var(--spectra-error) 80%, transparent); }
:root .fill-error-600\/90 { fill: color-mix(in srgb, var(--spectra-error) 90%, transparent); }
:root .stroke-error-600 { stroke: var(--spectra-error); }
:root .stroke-error-600\/10 { stroke: color-mix(in srgb, var(--spectra-error) 10%, transparent); }
:root .stroke-error-600\/20 { stroke: color-mix(in srgb, var(--spectra-error) 20%, transparent); }
:root .stroke-error-600\/30 { stroke: color-mix(in srgb, var(--spectra-error) 30%, transparent); }
:root .stroke-error-600\/40 { stroke: color-mix(in srgb, var(--spectra-error) 40%, transparent); }
:root .stroke-error-600\/50 { stroke: color-mix(in srgb, var(--spectra-error) 50%, transparent); }
:root .stroke-error-600\/60 { stroke: color-mix(in srgb, var(--spectra-error) 60%, transparent); }
:root .stroke-error-600\/70 { stroke: color-mix(in srgb, var(--spectra-error) 70%, transparent); }
:root .stroke-error-600\/80 { stroke: color-mix(in srgb, var(--spectra-error) 80%, transparent); }
:root .stroke-error-600\/90 { stroke: color-mix(in srgb, var(--spectra-error) 90%, transparent); }
:root .border-t-error-600 { border-top-color: var(--spectra-error); }
:root .border-t-error-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-error) 10%, transparent); }
:root .border-t-error-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-error) 20%, transparent); }
:root .border-t-error-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-error) 30%, transparent); }
:root .border-t-error-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-error) 40%, transparent); }
:root .border-t-error-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-error) 50%, transparent); }
:root .border-t-error-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-error) 60%, transparent); }
:root .border-t-error-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-error) 70%, transparent); }
:root .border-t-error-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-error) 80%, transparent); }
:root .border-t-error-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-error) 90%, transparent); }
:root .border-r-error-600 { border-right-color: var(--spectra-error); }
:root .border-r-error-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-error) 10%, transparent); }
:root .border-r-error-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-error) 20%, transparent); }
:root .border-r-error-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-error) 30%, transparent); }
:root .border-r-error-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-error) 40%, transparent); }
:root .border-r-error-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-error) 50%, transparent); }
:root .border-r-error-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-error) 60%, transparent); }
:root .border-r-error-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-error) 70%, transparent); }
:root .border-r-error-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-error) 80%, transparent); }
:root .border-r-error-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-error) 90%, transparent); }
:root .border-b-error-600 { border-bottom-color: var(--spectra-error); }
:root .border-b-error-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-error) 10%, transparent); }
:root .border-b-error-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-error) 20%, transparent); }
:root .border-b-error-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-error) 30%, transparent); }
:root .border-b-error-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-error) 40%, transparent); }
:root .border-b-error-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-error) 50%, transparent); }
:root .border-b-error-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-error) 60%, transparent); }
:root .border-b-error-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-error) 70%, transparent); }
:root .border-b-error-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-error) 80%, transparent); }
:root .border-b-error-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-error) 90%, transparent); }
:root .border-l-error-600 { border-left-color: var(--spectra-error); }
:root .border-l-error-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-error) 10%, transparent); }
:root .border-l-error-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-error) 20%, transparent); }
:root .border-l-error-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-error) 30%, transparent); }
:root .border-l-error-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-error) 40%, transparent); }
:root .border-l-error-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-error) 50%, transparent); }
:root .border-l-error-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-error) 60%, transparent); }
:root .border-l-error-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-error) 70%, transparent); }
:root .border-l-error-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-error) 80%, transparent); }
:root .border-l-error-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-error) 90%, transparent); }
:root .border-x-error-600 { border-left-color: var(--spectra-error); border-right-color: var(--spectra-error); }
:root .border-x-error-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-error) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-error) 10%, transparent); }
:root .border-x-error-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-error) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-error) 20%, transparent); }
:root .border-x-error-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-error) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-error) 30%, transparent); }
:root .border-x-error-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-error) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-error) 40%, transparent); }
:root .border-x-error-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-error) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-error) 50%, transparent); }
:root .border-x-error-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-error) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-error) 60%, transparent); }
:root .border-x-error-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-error) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-error) 70%, transparent); }
:root .border-x-error-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-error) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-error) 80%, transparent); }
:root .border-x-error-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-error) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-error) 90%, transparent); }
:root .border-y-error-600 { border-top-color: var(--spectra-error); border-bottom-color: var(--spectra-error); }
:root .border-y-error-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-error) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-error) 10%, transparent); }
:root .border-y-error-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-error) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-error) 20%, transparent); }
:root .border-y-error-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-error) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-error) 30%, transparent); }
:root .border-y-error-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-error) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-error) 40%, transparent); }
:root .border-y-error-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-error) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-error) 50%, transparent); }
:root .border-y-error-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-error) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-error) 60%, transparent); }
:root .border-y-error-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-error) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-error) 70%, transparent); }
:root .border-y-error-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-error) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-error) 80%, transparent); }
:root .border-y-error-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-error) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-error) 90%, transparent); }
:root .ring-error-600 { --tw-ring-color: var(--spectra-error); }
:root .ring-offset-error-600 { --tw-ring-offset-color: var(--spectra-error); }
:root .bg-info-600 { background: var(--spectra-info); }
:root .bg-info-600\/10 { background: color-mix(in srgb, var(--spectra-info) 10%, transparent); }
:root .bg-info-600\/20 { background: color-mix(in srgb, var(--spectra-info) 20%, transparent); }
:root .bg-info-600\/30 { background: color-mix(in srgb, var(--spectra-info) 30%, transparent); }
:root .bg-info-600\/40 { background: color-mix(in srgb, var(--spectra-info) 40%, transparent); }
:root .bg-info-600\/50 { background: color-mix(in srgb, var(--spectra-info) 50%, transparent); }
:root .bg-info-600\/60 { background: color-mix(in srgb, var(--spectra-info) 60%, transparent); }
:root .bg-info-600\/70 { background: color-mix(in srgb, var(--spectra-info) 70%, transparent); }
:root .bg-info-600\/80 { background: color-mix(in srgb, var(--spectra-info) 80%, transparent); }
:root .bg-info-600\/90 { background: color-mix(in srgb, var(--spectra-info) 90%, transparent); }
:root .text-info-600 { color: var(--spectra-info); -webkit-text-fill-color: var(--spectra-info); }
:root .text-info-600\/10 { color: color-mix(in srgb, var(--spectra-info) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-info) 10%, transparent); }
:root .text-info-600\/20 { color: color-mix(in srgb, var(--spectra-info) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-info) 20%, transparent); }
:root .text-info-600\/30 { color: color-mix(in srgb, var(--spectra-info) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-info) 30%, transparent); }
:root .text-info-600\/40 { color: color-mix(in srgb, var(--spectra-info) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-info) 40%, transparent); }
:root .text-info-600\/50 { color: color-mix(in srgb, var(--spectra-info) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-info) 50%, transparent); }
:root .text-info-600\/60 { color: color-mix(in srgb, var(--spectra-info) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-info) 60%, transparent); }
:root .text-info-600\/70 { color: color-mix(in srgb, var(--spectra-info) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-info) 70%, transparent); }
:root .text-info-600\/80 { color: color-mix(in srgb, var(--spectra-info) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-info) 80%, transparent); }
:root .text-info-600\/90 { color: color-mix(in srgb, var(--spectra-info) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-info) 90%, transparent); }
:root .border-info-600 { border-color: var(--spectra-info); }
:root .border-info-600\/10 { border-color: color-mix(in srgb, var(--spectra-info) 10%, transparent); }
:root .border-info-600\/20 { border-color: color-mix(in srgb, var(--spectra-info) 20%, transparent); }
:root .border-info-600\/30 { border-color: color-mix(in srgb, var(--spectra-info) 30%, transparent); }
:root .border-info-600\/40 { border-color: color-mix(in srgb, var(--spectra-info) 40%, transparent); }
:root .border-info-600\/50 { border-color: color-mix(in srgb, var(--spectra-info) 50%, transparent); }
:root .border-info-600\/60 { border-color: color-mix(in srgb, var(--spectra-info) 60%, transparent); }
:root .border-info-600\/70 { border-color: color-mix(in srgb, var(--spectra-info) 70%, transparent); }
:root .border-info-600\/80 { border-color: color-mix(in srgb, var(--spectra-info) 80%, transparent); }
:root .border-info-600\/90 { border-color: color-mix(in srgb, var(--spectra-info) 90%, transparent); }
:root .outline-info-600 { outline-color: var(--spectra-info); }
:root .outline-info-600\/10 { outline-color: color-mix(in srgb, var(--spectra-info) 10%, transparent); }
:root .outline-info-600\/20 { outline-color: color-mix(in srgb, var(--spectra-info) 20%, transparent); }
:root .outline-info-600\/30 { outline-color: color-mix(in srgb, var(--spectra-info) 30%, transparent); }
:root .outline-info-600\/40 { outline-color: color-mix(in srgb, var(--spectra-info) 40%, transparent); }
:root .outline-info-600\/50 { outline-color: color-mix(in srgb, var(--spectra-info) 50%, transparent); }
:root .outline-info-600\/60 { outline-color: color-mix(in srgb, var(--spectra-info) 60%, transparent); }
:root .outline-info-600\/70 { outline-color: color-mix(in srgb, var(--spectra-info) 70%, transparent); }
:root .outline-info-600\/80 { outline-color: color-mix(in srgb, var(--spectra-info) 80%, transparent); }
:root .outline-info-600\/90 { outline-color: color-mix(in srgb, var(--spectra-info) 90%, transparent); }
:root .overlay-info-600 { background: var(--spectra-info); }
:root .overlay-info-600\/10 { background: color-mix(in srgb, var(--spectra-info) 10%, transparent); }
:root .overlay-info-600\/20 { background: color-mix(in srgb, var(--spectra-info) 20%, transparent); }
:root .overlay-info-600\/30 { background: color-mix(in srgb, var(--spectra-info) 30%, transparent); }
:root .overlay-info-600\/40 { background: color-mix(in srgb, var(--spectra-info) 40%, transparent); }
:root .overlay-info-600\/50 { background: color-mix(in srgb, var(--spectra-info) 50%, transparent); }
:root .overlay-info-600\/60 { background: color-mix(in srgb, var(--spectra-info) 60%, transparent); }
:root .overlay-info-600\/70 { background: color-mix(in srgb, var(--spectra-info) 70%, transparent); }
:root .overlay-info-600\/80 { background: color-mix(in srgb, var(--spectra-info) 80%, transparent); }
:root .overlay-info-600\/90 { background: color-mix(in srgb, var(--spectra-info) 90%, transparent); }
:root .fill-info-600 { fill: var(--spectra-info); }
:root .fill-info-600\/10 { fill: color-mix(in srgb, var(--spectra-info) 10%, transparent); }
:root .fill-info-600\/20 { fill: color-mix(in srgb, var(--spectra-info) 20%, transparent); }
:root .fill-info-600\/30 { fill: color-mix(in srgb, var(--spectra-info) 30%, transparent); }
:root .fill-info-600\/40 { fill: color-mix(in srgb, var(--spectra-info) 40%, transparent); }
:root .fill-info-600\/50 { fill: color-mix(in srgb, var(--spectra-info) 50%, transparent); }
:root .fill-info-600\/60 { fill: color-mix(in srgb, var(--spectra-info) 60%, transparent); }
:root .fill-info-600\/70 { fill: color-mix(in srgb, var(--spectra-info) 70%, transparent); }
:root .fill-info-600\/80 { fill: color-mix(in srgb, var(--spectra-info) 80%, transparent); }
:root .fill-info-600\/90 { fill: color-mix(in srgb, var(--spectra-info) 90%, transparent); }
:root .stroke-info-600 { stroke: var(--spectra-info); }
:root .stroke-info-600\/10 { stroke: color-mix(in srgb, var(--spectra-info) 10%, transparent); }
:root .stroke-info-600\/20 { stroke: color-mix(in srgb, var(--spectra-info) 20%, transparent); }
:root .stroke-info-600\/30 { stroke: color-mix(in srgb, var(--spectra-info) 30%, transparent); }
:root .stroke-info-600\/40 { stroke: color-mix(in srgb, var(--spectra-info) 40%, transparent); }
:root .stroke-info-600\/50 { stroke: color-mix(in srgb, var(--spectra-info) 50%, transparent); }
:root .stroke-info-600\/60 { stroke: color-mix(in srgb, var(--spectra-info) 60%, transparent); }
:root .stroke-info-600\/70 { stroke: color-mix(in srgb, var(--spectra-info) 70%, transparent); }
:root .stroke-info-600\/80 { stroke: color-mix(in srgb, var(--spectra-info) 80%, transparent); }
:root .stroke-info-600\/90 { stroke: color-mix(in srgb, var(--spectra-info) 90%, transparent); }
:root .border-t-info-600 { border-top-color: var(--spectra-info); }
:root .border-t-info-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-info) 10%, transparent); }
:root .border-t-info-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-info) 20%, transparent); }
:root .border-t-info-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-info) 30%, transparent); }
:root .border-t-info-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-info) 40%, transparent); }
:root .border-t-info-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-info) 50%, transparent); }
:root .border-t-info-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-info) 60%, transparent); }
:root .border-t-info-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-info) 70%, transparent); }
:root .border-t-info-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-info) 80%, transparent); }
:root .border-t-info-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-info) 90%, transparent); }
:root .border-r-info-600 { border-right-color: var(--spectra-info); }
:root .border-r-info-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-info) 10%, transparent); }
:root .border-r-info-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-info) 20%, transparent); }
:root .border-r-info-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-info) 30%, transparent); }
:root .border-r-info-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-info) 40%, transparent); }
:root .border-r-info-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-info) 50%, transparent); }
:root .border-r-info-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-info) 60%, transparent); }
:root .border-r-info-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-info) 70%, transparent); }
:root .border-r-info-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-info) 80%, transparent); }
:root .border-r-info-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-info) 90%, transparent); }
:root .border-b-info-600 { border-bottom-color: var(--spectra-info); }
:root .border-b-info-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-info) 10%, transparent); }
:root .border-b-info-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-info) 20%, transparent); }
:root .border-b-info-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-info) 30%, transparent); }
:root .border-b-info-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-info) 40%, transparent); }
:root .border-b-info-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-info) 50%, transparent); }
:root .border-b-info-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-info) 60%, transparent); }
:root .border-b-info-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-info) 70%, transparent); }
:root .border-b-info-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-info) 80%, transparent); }
:root .border-b-info-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-info) 90%, transparent); }
:root .border-l-info-600 { border-left-color: var(--spectra-info); }
:root .border-l-info-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-info) 10%, transparent); }
:root .border-l-info-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-info) 20%, transparent); }
:root .border-l-info-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-info) 30%, transparent); }
:root .border-l-info-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-info) 40%, transparent); }
:root .border-l-info-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-info) 50%, transparent); }
:root .border-l-info-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-info) 60%, transparent); }
:root .border-l-info-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-info) 70%, transparent); }
:root .border-l-info-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-info) 80%, transparent); }
:root .border-l-info-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-info) 90%, transparent); }
:root .border-x-info-600 { border-left-color: var(--spectra-info); border-right-color: var(--spectra-info); }
:root .border-x-info-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-info) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-info) 10%, transparent); }
:root .border-x-info-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-info) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-info) 20%, transparent); }
:root .border-x-info-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-info) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-info) 30%, transparent); }
:root .border-x-info-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-info) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-info) 40%, transparent); }
:root .border-x-info-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-info) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-info) 50%, transparent); }
:root .border-x-info-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-info) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-info) 60%, transparent); }
:root .border-x-info-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-info) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-info) 70%, transparent); }
:root .border-x-info-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-info) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-info) 80%, transparent); }
:root .border-x-info-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-info) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-info) 90%, transparent); }
:root .border-y-info-600 { border-top-color: var(--spectra-info); border-bottom-color: var(--spectra-info); }
:root .border-y-info-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-info) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-info) 10%, transparent); }
:root .border-y-info-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-info) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-info) 20%, transparent); }
:root .border-y-info-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-info) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-info) 30%, transparent); }
:root .border-y-info-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-info) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-info) 40%, transparent); }
:root .border-y-info-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-info) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-info) 50%, transparent); }
:root .border-y-info-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-info) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-info) 60%, transparent); }
:root .border-y-info-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-info) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-info) 70%, transparent); }
:root .border-y-info-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-info) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-info) 80%, transparent); }
:root .border-y-info-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-info) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-info) 90%, transparent); }
:root .ring-info-600 { --tw-ring-color: var(--spectra-info); }
:root .ring-offset-info-600 { --tw-ring-offset-color: var(--spectra-info); }
:root .bg-warning-600 { background: var(--spectra-warning); }
:root .bg-warning-600\/10 { background: color-mix(in srgb, var(--spectra-warning) 10%, transparent); }
:root .bg-warning-600\/20 { background: color-mix(in srgb, var(--spectra-warning) 20%, transparent); }
:root .bg-warning-600\/30 { background: color-mix(in srgb, var(--spectra-warning) 30%, transparent); }
:root .bg-warning-600\/40 { background: color-mix(in srgb, var(--spectra-warning) 40%, transparent); }
:root .bg-warning-600\/50 { background: color-mix(in srgb, var(--spectra-warning) 50%, transparent); }
:root .bg-warning-600\/60 { background: color-mix(in srgb, var(--spectra-warning) 60%, transparent); }
:root .bg-warning-600\/70 { background: color-mix(in srgb, var(--spectra-warning) 70%, transparent); }
:root .bg-warning-600\/80 { background: color-mix(in srgb, var(--spectra-warning) 80%, transparent); }
:root .bg-warning-600\/90 { background: color-mix(in srgb, var(--spectra-warning) 90%, transparent); }
:root .text-warning-600 { color: var(--spectra-warning); -webkit-text-fill-color: var(--spectra-warning); }
:root .text-warning-600\/10 { color: color-mix(in srgb, var(--spectra-warning) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-warning) 10%, transparent); }
:root .text-warning-600\/20 { color: color-mix(in srgb, var(--spectra-warning) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-warning) 20%, transparent); }
:root .text-warning-600\/30 { color: color-mix(in srgb, var(--spectra-warning) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-warning) 30%, transparent); }
:root .text-warning-600\/40 { color: color-mix(in srgb, var(--spectra-warning) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-warning) 40%, transparent); }
:root .text-warning-600\/50 { color: color-mix(in srgb, var(--spectra-warning) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-warning) 50%, transparent); }
:root .text-warning-600\/60 { color: color-mix(in srgb, var(--spectra-warning) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-warning) 60%, transparent); }
:root .text-warning-600\/70 { color: color-mix(in srgb, var(--spectra-warning) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-warning) 70%, transparent); }
:root .text-warning-600\/80 { color: color-mix(in srgb, var(--spectra-warning) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-warning) 80%, transparent); }
:root .text-warning-600\/90 { color: color-mix(in srgb, var(--spectra-warning) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-warning) 90%, transparent); }
:root .border-warning-600 { border-color: var(--spectra-warning); }
:root .border-warning-600\/10 { border-color: color-mix(in srgb, var(--spectra-warning) 10%, transparent); }
:root .border-warning-600\/20 { border-color: color-mix(in srgb, var(--spectra-warning) 20%, transparent); }
:root .border-warning-600\/30 { border-color: color-mix(in srgb, var(--spectra-warning) 30%, transparent); }
:root .border-warning-600\/40 { border-color: color-mix(in srgb, var(--spectra-warning) 40%, transparent); }
:root .border-warning-600\/50 { border-color: color-mix(in srgb, var(--spectra-warning) 50%, transparent); }
:root .border-warning-600\/60 { border-color: color-mix(in srgb, var(--spectra-warning) 60%, transparent); }
:root .border-warning-600\/70 { border-color: color-mix(in srgb, var(--spectra-warning) 70%, transparent); }
:root .border-warning-600\/80 { border-color: color-mix(in srgb, var(--spectra-warning) 80%, transparent); }
:root .border-warning-600\/90 { border-color: color-mix(in srgb, var(--spectra-warning) 90%, transparent); }
:root .outline-warning-600 { outline-color: var(--spectra-warning); }
:root .outline-warning-600\/10 { outline-color: color-mix(in srgb, var(--spectra-warning) 10%, transparent); }
:root .outline-warning-600\/20 { outline-color: color-mix(in srgb, var(--spectra-warning) 20%, transparent); }
:root .outline-warning-600\/30 { outline-color: color-mix(in srgb, var(--spectra-warning) 30%, transparent); }
:root .outline-warning-600\/40 { outline-color: color-mix(in srgb, var(--spectra-warning) 40%, transparent); }
:root .outline-warning-600\/50 { outline-color: color-mix(in srgb, var(--spectra-warning) 50%, transparent); }
:root .outline-warning-600\/60 { outline-color: color-mix(in srgb, var(--spectra-warning) 60%, transparent); }
:root .outline-warning-600\/70 { outline-color: color-mix(in srgb, var(--spectra-warning) 70%, transparent); }
:root .outline-warning-600\/80 { outline-color: color-mix(in srgb, var(--spectra-warning) 80%, transparent); }
:root .outline-warning-600\/90 { outline-color: color-mix(in srgb, var(--spectra-warning) 90%, transparent); }
:root .overlay-warning-600 { background: var(--spectra-warning); }
:root .overlay-warning-600\/10 { background: color-mix(in srgb, var(--spectra-warning) 10%, transparent); }
:root .overlay-warning-600\/20 { background: color-mix(in srgb, var(--spectra-warning) 20%, transparent); }
:root .overlay-warning-600\/30 { background: color-mix(in srgb, var(--spectra-warning) 30%, transparent); }
:root .overlay-warning-600\/40 { background: color-mix(in srgb, var(--spectra-warning) 40%, transparent); }
:root .overlay-warning-600\/50 { background: color-mix(in srgb, var(--spectra-warning) 50%, transparent); }
:root .overlay-warning-600\/60 { background: color-mix(in srgb, var(--spectra-warning) 60%, transparent); }
:root .overlay-warning-600\/70 { background: color-mix(in srgb, var(--spectra-warning) 70%, transparent); }
:root .overlay-warning-600\/80 { background: color-mix(in srgb, var(--spectra-warning) 80%, transparent); }
:root .overlay-warning-600\/90 { background: color-mix(in srgb, var(--spectra-warning) 90%, transparent); }
:root .fill-warning-600 { fill: var(--spectra-warning); }
:root .fill-warning-600\/10 { fill: color-mix(in srgb, var(--spectra-warning) 10%, transparent); }
:root .fill-warning-600\/20 { fill: color-mix(in srgb, var(--spectra-warning) 20%, transparent); }
:root .fill-warning-600\/30 { fill: color-mix(in srgb, var(--spectra-warning) 30%, transparent); }
:root .fill-warning-600\/40 { fill: color-mix(in srgb, var(--spectra-warning) 40%, transparent); }
:root .fill-warning-600\/50 { fill: color-mix(in srgb, var(--spectra-warning) 50%, transparent); }
:root .fill-warning-600\/60 { fill: color-mix(in srgb, var(--spectra-warning) 60%, transparent); }
:root .fill-warning-600\/70 { fill: color-mix(in srgb, var(--spectra-warning) 70%, transparent); }
:root .fill-warning-600\/80 { fill: color-mix(in srgb, var(--spectra-warning) 80%, transparent); }
:root .fill-warning-600\/90 { fill: color-mix(in srgb, var(--spectra-warning) 90%, transparent); }
:root .stroke-warning-600 { stroke: var(--spectra-warning); }
:root .stroke-warning-600\/10 { stroke: color-mix(in srgb, var(--spectra-warning) 10%, transparent); }
:root .stroke-warning-600\/20 { stroke: color-mix(in srgb, var(--spectra-warning) 20%, transparent); }
:root .stroke-warning-600\/30 { stroke: color-mix(in srgb, var(--spectra-warning) 30%, transparent); }
:root .stroke-warning-600\/40 { stroke: color-mix(in srgb, var(--spectra-warning) 40%, transparent); }
:root .stroke-warning-600\/50 { stroke: color-mix(in srgb, var(--spectra-warning) 50%, transparent); }
:root .stroke-warning-600\/60 { stroke: color-mix(in srgb, var(--spectra-warning) 60%, transparent); }
:root .stroke-warning-600\/70 { stroke: color-mix(in srgb, var(--spectra-warning) 70%, transparent); }
:root .stroke-warning-600\/80 { stroke: color-mix(in srgb, var(--spectra-warning) 80%, transparent); }
:root .stroke-warning-600\/90 { stroke: color-mix(in srgb, var(--spectra-warning) 90%, transparent); }
:root .border-t-warning-600 { border-top-color: var(--spectra-warning); }
:root .border-t-warning-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-warning) 10%, transparent); }
:root .border-t-warning-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-warning) 20%, transparent); }
:root .border-t-warning-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-warning) 30%, transparent); }
:root .border-t-warning-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-warning) 40%, transparent); }
:root .border-t-warning-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-warning) 50%, transparent); }
:root .border-t-warning-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-warning) 60%, transparent); }
:root .border-t-warning-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-warning) 70%, transparent); }
:root .border-t-warning-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-warning) 80%, transparent); }
:root .border-t-warning-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-warning) 90%, transparent); }
:root .border-r-warning-600 { border-right-color: var(--spectra-warning); }
:root .border-r-warning-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-warning) 10%, transparent); }
:root .border-r-warning-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-warning) 20%, transparent); }
:root .border-r-warning-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-warning) 30%, transparent); }
:root .border-r-warning-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-warning) 40%, transparent); }
:root .border-r-warning-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-warning) 50%, transparent); }
:root .border-r-warning-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-warning) 60%, transparent); }
:root .border-r-warning-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-warning) 70%, transparent); }
:root .border-r-warning-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-warning) 80%, transparent); }
:root .border-r-warning-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-warning) 90%, transparent); }
:root .border-b-warning-600 { border-bottom-color: var(--spectra-warning); }
:root .border-b-warning-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-warning) 10%, transparent); }
:root .border-b-warning-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-warning) 20%, transparent); }
:root .border-b-warning-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-warning) 30%, transparent); }
:root .border-b-warning-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-warning) 40%, transparent); }
:root .border-b-warning-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-warning) 50%, transparent); }
:root .border-b-warning-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-warning) 60%, transparent); }
:root .border-b-warning-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-warning) 70%, transparent); }
:root .border-b-warning-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-warning) 80%, transparent); }
:root .border-b-warning-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-warning) 90%, transparent); }
:root .border-l-warning-600 { border-left-color: var(--spectra-warning); }
:root .border-l-warning-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-warning) 10%, transparent); }
:root .border-l-warning-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-warning) 20%, transparent); }
:root .border-l-warning-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-warning) 30%, transparent); }
:root .border-l-warning-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-warning) 40%, transparent); }
:root .border-l-warning-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-warning) 50%, transparent); }
:root .border-l-warning-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-warning) 60%, transparent); }
:root .border-l-warning-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-warning) 70%, transparent); }
:root .border-l-warning-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-warning) 80%, transparent); }
:root .border-l-warning-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-warning) 90%, transparent); }
:root .border-x-warning-600 { border-left-color: var(--spectra-warning); border-right-color: var(--spectra-warning); }
:root .border-x-warning-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-warning) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-warning) 10%, transparent); }
:root .border-x-warning-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-warning) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-warning) 20%, transparent); }
:root .border-x-warning-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-warning) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-warning) 30%, transparent); }
:root .border-x-warning-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-warning) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-warning) 40%, transparent); }
:root .border-x-warning-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-warning) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-warning) 50%, transparent); }
:root .border-x-warning-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-warning) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-warning) 60%, transparent); }
:root .border-x-warning-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-warning) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-warning) 70%, transparent); }
:root .border-x-warning-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-warning) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-warning) 80%, transparent); }
:root .border-x-warning-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-warning) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-warning) 90%, transparent); }
:root .border-y-warning-600 { border-top-color: var(--spectra-warning); border-bottom-color: var(--spectra-warning); }
:root .border-y-warning-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-warning) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-warning) 10%, transparent); }
:root .border-y-warning-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-warning) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-warning) 20%, transparent); }
:root .border-y-warning-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-warning) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-warning) 30%, transparent); }
:root .border-y-warning-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-warning) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-warning) 40%, transparent); }
:root .border-y-warning-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-warning) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-warning) 50%, transparent); }
:root .border-y-warning-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-warning) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-warning) 60%, transparent); }
:root .border-y-warning-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-warning) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-warning) 70%, transparent); }
:root .border-y-warning-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-warning) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-warning) 80%, transparent); }
:root .border-y-warning-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-warning) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-warning) 90%, transparent); }
:root .ring-warning-600 { --tw-ring-color: var(--spectra-warning); }
:root .ring-offset-warning-600 { --tw-ring-offset-color: var(--spectra-warning); }
: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-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-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-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-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-600 { --tw-gradient-from: var(--spectra-primary); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-600 { --tw-gradient-from: var(--spectra-secondary); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-600 { --tw-gradient-from: var(--spectra-accent); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-600 { --tw-gradient-from: var(--spectra-success); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-600 { --tw-gradient-from: var(--spectra-error); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-600 { --tw-gradient-from: var(--spectra-info); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-600 { --tw-gradient-from: var(--spectra-warning); --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-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-950 { --tw-gradient-from: var(--spectra-neutral-7); --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-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-600 { --tw-gradient-via: var(--spectra-primary); --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-secondary); --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-accent); --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-success); --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-error); --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-info); --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-warning); --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-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-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-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-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-600 { --tw-gradient-to: var(--spectra-primary); }
:root .to-secondary-600 { --tw-gradient-to: var(--spectra-secondary); }
:root .to-accent-600 { --tw-gradient-to: var(--spectra-accent); }
:root .to-success-600 { --tw-gradient-to: var(--spectra-success); }
:root .to-error-600 { --tw-gradient-to: var(--spectra-error); }
:root .to-info-600 { --tw-gradient-to: var(--spectra-info); }
:root .to-warning-600 { --tw-gradient-to: var(--spectra-warning); }
: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-500 { --tw-gradient-to: var(--spectra-neutral-4); }
:root .to-base-600 { --tw-gradient-to: var(--spectra-neutral-5); }
:root .to-base-950 { --tw-gradient-to: var(--spectra-neutral-7); }
:root .to-base-700 { --tw-gradient-to: var(--spectra-neutral-5); }
: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>

<link rel='stylesheet' id='contact-form-7-css' href='https://www.elitemarketingsolutions.net/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.7' media='all' />
<link rel='stylesheet' id='astra-contact-form-7-css' href='https://www.elitemarketingsolutions.net/wp-content/themes/astra/assets/css/minified/compatibility/contact-form-7-main.min.css?ver=4.13.11' media='all' />
<link rel='stylesheet' id='spectra-blocks-extensions-display-conditions-css' href='https://www.elitemarketingsolutions.net/wp-content/plugins/spectra-blocks/build/styles/extensions/display-conditions.css?ver=1.0.8' media='all' />
<link rel='stylesheet' id='spectra-blocks-extensions-image-mask-css' href='https://www.elitemarketingsolutions.net/wp-content/plugins/spectra-blocks/build/styles/extensions/image-mask.css?ver=1.0.8' media='all' />
<link rel='stylesheet' id='spectra-blocks-extensions-responsive-conditions-css' href='https://www.elitemarketingsolutions.net/wp-content/plugins/spectra-blocks/build/styles/extensions/responsive-conditions.css?ver=1.0.8' media='all' />
<link rel='stylesheet' id='spectra-blocks-extensions-responsive-controls-css' href='https://www.elitemarketingsolutions.net/wp-content/plugins/spectra-blocks/build/styles/extensions/responsive-controls.css?ver=1.0.8' media='all' />
<link rel='stylesheet' id='spectra-blocks-extensions-z-index-css' href='https://www.elitemarketingsolutions.net/wp-content/plugins/spectra-blocks/build/styles/extensions/z-index.css?ver=1.0.8' media='all' />
<link rel="https://api.w.org/" href="https://www.elitemarketingsolutions.net/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.elitemarketingsolutions.net/wp-json/wp/v2/pages/12" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.elitemarketingsolutions.net/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.1.3" />
<link rel='shortlink' href='https://www.elitemarketingsolutions.net/?p=12' />
<style class="wp-fonts-local">
@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://www.elitemarketingsolutions.net/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:fallback;src:url('https://www.elitemarketingsolutions.net/wp-content/plugins/spectra-blocks//assets/fonts/Inter-VariableFont-slnt-wght.woff2') format('woff2');font-stretch:normal;}
</style>
<link rel="icon" href="https://www.elitemarketingsolutions.net/wp-content/uploads/2026/09/bullhorn-150x150.png" sizes="32x32" />
<link rel="icon" href="https://www.elitemarketingsolutions.net/wp-content/uploads/2026/09/bullhorn-300x300.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.elitemarketingsolutions.net/wp-content/uploads/2026/09/bullhorn-300x300.png" />
<meta name="msapplication-TileImage" content="https://www.elitemarketingsolutions.net/wp-content/uploads/2026/09/bullhorn-300x300.png" />
</head>

<body itemtype='https://schema.org/WebPage' itemscope='itemscope' class="wp-singular page-template-default page page-id-12 wp-custom-logo wp-embed-responsive wp-theme-astra ast-desktop ast-plain-container ast-no-sidebar astra-4.13.11 ast-single-post ast-inherit-site-logo-transparent ast-hfb-header ast-normal-title-enabled">
			<script data-cfasync="false">
			(function(){var mq=window.matchMedia('(max-width:921.99px)');function apply(isMobile){var b=document.body.classList;if(isMobile){b.add('ast-header-break-point');b.remove('ast-desktop');}else{b.remove('ast-header-break-point');b.add('ast-desktop');}}apply(mq.matches);if(mq.addEventListener){mq.addEventListener('change',function(e){apply(e.matches);});}else if(mq.addListener){mq.addListener(function(e){apply(e.matches);});}})();
			</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.elitemarketingsolutions.net/" class="custom-logo-link" rel="home"><img width="512" height="512" src="https://www.elitemarketingsolutions.net/wp-content/uploads/2026/09/bullhorn.png" class="custom-logo" alt="Elite Marketing Solutions" decoding="async" fetchpriority="high" srcset="https://www.elitemarketingsolutions.net/wp-content/uploads/2026/09/bullhorn.png 1x, https://www.elitemarketingsolutions.net/wp-content/uploads/2026/09/bullhorn.png 2x" sizes="(max-width: 512px) 100vw, 512px" /></a></span>				</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-1913" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1913"><a href="https://websitedemos.net/marketing-agency-08" class="menu-link">Casino</a></li>
<li id="menu-item-1999" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1999"><a href="https://www.elitemarketingsolutions.net/best-sports-betting-sites-canada/" class="menu-link">Sports Betting Sites</a></li>
<li id="menu-item-1960" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1960"><a href="https://www.elitemarketingsolutions.net/sitemap/" class="menu-link">Sitemap</a></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.elitemarketingsolutions.net/" class="custom-logo-link" rel="home"><img width="512" height="512" src="https://www.elitemarketingsolutions.net/wp-content/uploads/2026/09/bullhorn.png" class="custom-logo" alt="Elite Marketing Solutions" decoding="async" srcset="https://www.elitemarketingsolutions.net/wp-content/uploads/2026/09/bullhorn.png 1x, https://www.elitemarketingsolutions.net/wp-content/uploads/2026/09/bullhorn.png 2x" sizes="(max-width: 512px) 100vw, 512px" /></a></span>				</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-menu2-svg' fill='currentColor' version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='28' viewBox='0 0 24 28'><path d='M24 21v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1zM24 13v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1zM24 5v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 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 site-header-focus-item" id="ast-mobile-site-navigation" aria-label="Site Navigation: Navigation" itemtype="https://schema.org/SiteNavigationElement" itemscope="itemscope"><div class="main-navigation"><ul id="ast-hf-mobile-menu" class="main-header-menu ast-nav-menu ast-flex  submenu-with-border astra-menu-animation-fade  stack-on-mobile"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1913"><a href="https://websitedemos.net/marketing-agency-08" class="menu-link">Casino</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1999"><a href="https://www.elitemarketingsolutions.net/best-sports-betting-sites-canada/" class="menu-link">Sports Betting Sites</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1960"><a href="https://www.elitemarketingsolutions.net/sitemap/" class="menu-link">Sitemap</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-12 page type-page status-publish ast-article-single" id="post-12" itemtype="https://schema.org/CreativeWork" itemscope="itemscope">
	
				<header class="entry-header ">
				<h1 class="entry-title" itemprop="headline">Elite Marketing Solutions Blog | Just another WordPress site</h1>			</header> <!-- .entry-header -->
		
<div class="entry-content clear"
	itemprop="text">

	
	<div>
<p> </p>
<p><span style="font-weight: 400;">If you aren’t already aware, the popularity of the mobile web has long since surpassed desktop browsing on all counts, this includes how most people are now browsing as well as making purchase transactions, as a result we’re seeing rapid growth and evolution when it comes to <a href="http://elitemarketingsolutions.net/website-design.html">mobile website design</a>, and by 2016, this is no longer optional.</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">If you haven’t already, once you finally do get round to building a mobile website it’s important to stay on top of design trends in order to ensure that your site is customer friendly. Here are some of our favourite recent trends.<br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Subtlety<br />
</span><span style="font-weight: 400;">There are a number of different ways why that a developer would recommend a more subtle approach to suit a mobile experience. For starters, less is more when it comes to speeding up your website, and with changing networks as we travel around on our mobile devices, speed becomes very important.</span></p>
<p><span style="font-weight: 400;">The colour palette now more commonly used for designing for the mobile web are more neutral and tonal, with gentle colour schemes that allow your user to focus on the text or images, as opposed to the background. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Plus, if you haven’t yet heard of ghost icons, then you should check them out. They are clickable icons that you can place onto or over any high-res imagery on your page, taking the place of big clunky static button icons.</span></p>
<p><span style="font-weight: 400;">Minimalism<br />
</span><span style="font-weight: 400;">Everything relating to mobile website design returns to the experience of browsing the web on a smaller, handheld device. Browsing becomes a nightmare, as I’m sure you’ll have experienced, when on a mobile device or tablet, a web page has features pop up from here and there affecting your experience. This is one of the limitations you have to work around when designing for mobile, far more so than when using a desktop computer. This partly explains why we’re seeing more stripped back, minimal designs now, some examples of the features you’re sure to see include ghost icons / buttons, that we mentioned earlier, as well as hidden menus that disappear when you’re not using them. Another recent revolution is scrolling through pages, left to right as with a book as opposed to top to bottom. Also, expect to see scrolling become a preference over clicking, where possible. All of these innovations are designed in part of the race to create a better handheld online experience but they also manage to add something to the experience of desktop browsing more generally.</span></p>
<p><span style="font-weight: 400;">Interactive Design<br />
</span><span style="font-weight: 400;">We can also now see web pages become more animated and interactive, producing a more entertaining and intuitive experience, but also one which captures our attention far more than plain text on a background. It won’t always be necessary, but in aspect like taking advantage of scrolling as opposed to clicking, and anything else which uses touch screen features to give an interactive experience of the website is a bonus in mobile design. Perhaps the best way to think of it is that mobile website design is in many respects moving closer to native app design.</span></p>
<p>Tags: <a href="http://elitemarketingsolutions.net/blog/tag/mobile-website-design/" rel="tag">Mobile Website Design</a></p>
<p> <a href="http://elitemarketingsolutions.net/blog/category/web-design-company/" rel="category tag">Web Design Company</a> | <a href="http://elitemarketingsolutions.net/blog/author/admin/" rel="author" title="Posts by admin">admin</a> August 27, 2016   |  <a href="http://elitemarketingsolutions.net/blog/why-mobile-website-design-is-a-must-in-2016/#respond">Comments (0)</a> </p>
<p><span style="font-weight: 400;">Search engines have come a very long way in recent years at indexing web pages in response to any possible search that a user enter. The web pages that a search engine, such as Google deems to be most relevant will appear on the first page of search results and the list continues like this, often in the millions, in the order that the search engine decides. As you may know from experience, few of us click past the first page often, so when your website does feature on the very first page, this is a big deal, and we call it <a href="http://elitemarketingsolutions.net/search-engine-optimization.html">first-page placement.</a> </span></p>
<p><span style="font-weight: 400;">Often, small or medium-sized businesses feel as if they simply cannot compete with the global market leaders out there when it comes to vying for the top spot. While it is true that top companies hold a pretty secure top spot for their relevant keyword choices, this isn’t to say that a small business cannot compete. </span></p>
<p><span style="font-weight: 400;">There are many different ways you can push your web pages up toward the top of the search engine list, you just need to seek innovative ways of competing, so here are a few great yet simple ways to improve your chances. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Think Local<br />
</span><span style="font-weight: 400;">Though you might completely have ignored it, one of the quickest and proven ways to fast track your way toward the top of the search engine results page and to achieve a greater number of first page placements is by being loud and proud about your local area and the areas where your business is based. Many people will search by their area instinctually, but even those that don’t are now be guided by locality. You may not be able to compete with Wal-mart with your local foods store, but for “health food store in LA” you might well rank very well. </span></p>
<p><span style="font-weight: 400;">Find your niche<br />
</span><span style="font-weight: 400;">The first sure way of shortcutting your way to the first page of a search engine, even for the biggest and best companies is by making your business a specialist in its field. By targeting customers in a more particular way you’ll be sure to snap up extra visitors who are searching for your niche. You can play around and experiment with this in a variety of ways, especially if you offer a variety of different products or services. For example, if your business is a retailer of sinks then be sure to give special attention to every different type of character and era that you stock. Few will type something as vague or general as “sink” into their browser, far more likely they will enter something more specific along the lines of “classic sink” or “contemporary granite sink” so try to focus more specifically on things like that, you’ll appear more relevant to your customer as well as to the search engine. </span><span style="font-weight: 400;"></span></p>
</p>
<p>There are innumerable ways that an expert SEO service can help to push your site higher up in the page rankings, but the most important thing is to deliver high-quality content. Regardless of how a user found their way onto your website, once they’re inside you want them to stay, and to return in the future. Oh, and, if possible, to recommend you to their friends too!</p>
<p> </p>
<p>Tags: <a href="http://elitemarketingsolutions.net/blog/tag/first-page-placement/" rel="tag">First Page Placement</a></p>
<p> <a href="http://elitemarketingsolutions.net/blog/category/search-engine-marketing-company/" rel="category tag">Search Engine Marketing Company</a> | <a href="http://elitemarketingsolutions.net/blog/author/admin/" rel="author" title="Posts by admin">admin</a> August 17, 2016   |  <a href="http://elitemarketingsolutions.net/blog/increasing-first-page-placement-frequency/#respond">Comments (0)</a> </p>
<p>The way it seems to many, is that finding a web page from your site on the first page of Google is a little like winning the lottery, though this is far from the truth. In fact, many small websites rack up first page placements each month, whether they know it or not. It should also be said that unlike winning the lottery, achieving <a href="http://elitemarketingsolutions.net/search-engine-optimization.html">first-page placement</a> takes skill, hard work, and plenty of determination. It also requires industry knowledge, and expertise.</p>
<p><span style="font-weight: 400;">Make your Content Superior<br />
</span><span style="font-weight: 400;">First of all, whatever your industry is, you need to be competitive with the very biggest and best, and, you also need to be better than they are. Recent developments in Google and other search engines mean that the way page placement is decided is fairer than ever, and even small websites play on a level playing field meaning that any business can achieve first-page placement with the right approach. </span></p>
<p><span style="font-weight: 400;">First off, you must do your research. Search around to educate yourself about what your nearest competition or the competition that you aspire to is doing. This is important both inform you of things that you are doing right, as well as things you’re missing and even perhaps ways that you have in common with your competitors that you should do away with. Once you have an idea of what’s on offer elsewhere, it’s for you to make something even better. If this still seems ambitious then consider the skyscraper theory. </span></p>
<p><span style="font-weight: 400;">The skyscraper theory says that nobody ever searches the second tallest building (or at least, far fewer do than who search for the first tallest). It is partly for this reason that you must do everything the competition does, plus a little and extra. This isn’t as challenging as it first seems since you begin by using your competition for ideas and inspiration. </span></p>
<p><span style="font-weight: 400;">Informed Keyword Research<br />
</span><span style="font-weight: 400;">Although it’s simple to carry out basic keyword research, you need an expert to assist you when it comes to high-level keyword research used in pay per click ads. If you tap into less widely used keywords than the bulk of your competition, and if you can differentiate your keywords with synonyms then you can pick up steam, increase your web traffic, and climb the search engine result pages to achieve more regular first-page placement. </span></p>
<p><span style="font-weight: 400;">Take advantage of local traffic<br />
</span><span style="font-weight: 400;">One final method that helps in the quest for first-page placement, particularly in the case of smaller businesses as a shortcut to the top of search results is by targeting your local customer case who may well be your main audience. Simply placing the name of your local town or city in your keywords you help you to guarantee that at least local searches should find your web pages at the top of the search results. When you have these pages in place, traffic will grow organically, and you will see a snowball effect take place, growing your traffic exponentially. </span></p>
<p> </p>
<p>Tags: <a href="http://elitemarketingsolutions.net/blog/tag/first-page-placement/" rel="tag">First Page Placement</a></p>
<p> <a href="http://elitemarketingsolutions.net/blog/category/search-engine-marketing-company/" rel="category tag">Search Engine Marketing Company</a> | <a href="http://elitemarketingsolutions.net/blog/author/admin/" rel="author" title="Posts by admin">admin</a> August 7, 2016   |  <a href="http://elitemarketingsolutions.net/blog/achievable-first-page-placement-goals/#respond">Comments (0)</a> </p>
<p>If you have done your research and think that pay per click advertising is something that you would like to use to give your website a boost then it can help to first learn exactly a <a href="http://elitemarketingsolutions.net/pay-per-click-management.html">PPC management</a> does, and how this will help to strengthen your online SEO efforts. First of all, though, ensure that you know a few things about PPC in general so that you can understand what and how exactly your PPC manager can help.</p>
<p><span style="font-weight: 400;">What can your PPC manager add?<br />
</span><span style="font-weight: 400;">There are so many different elements that a PPC manager can work on to make your advertising campaign more effective, here are some of the main benefits, though. But first, is PPC right for you?</span></p>
<p><span style="font-weight: 400;">Is PPC right for your website?<br />
</span><span style="font-weight: 400;">PPC ads are an effective and unique marketing strategy to get your business out there in front of your audience, though it can be more effective for some businesses and industries than others. But what are the main criteria that should be considered? Among the many advantages of PPC advertising is the fact that it can be a very cost-effective way to advertise a website, and the budget you spend is something which you can decide with your PPC manager. You will also benefit from being verified by the search engine, Google as an example, which can’t be a bad thing in the eyes of potential customers. Finally, you should consider using PPC marketing while your website is still young to get the ball rolling and to give you a head start when acquiring your new customer base. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Other types of businesses which will particularly benefit with PPC marketing are those in saturated markets. If for example there are a dozen pizza delivery services in your area then PPC is one way of differentiating your business. </span></p>
<p><span style="font-weight: 400;">More Effective Keywords<br />
</span><span style="font-weight: 400;">A PPC manager has access to analytics which describes how well or poorly different keywords (those that you advertise with) perform. This helps to find those which are working well so that you can focus on them and abandon those which aren’t performing. You may also find that the keywords which cost more are not necessarily those which perform the best, allowing you to cut them to save money, and improve your overall results. By experimenting, you can also find hidden gems that your competition are yet to take advantage of, giving you a competitive edge.<br />
</span></p>
<p><span style="font-weight: 400;">Target “ready to buy” customers<br />
</span><span style="font-weight: 400;">An experienced PPC manager can see which types of search are close to the point of purchase; this means customers who have done their research and are now looking to buy. Focusing on this core group means that you can address the customers who are more likely to make a purchase, and this can make a huge difference to your successes online. Targeting customers close to the point of purchase isn’t easy, but over time you can build up an idea of how these people search through trial and error, the prize is certainly worth the hunt. </span></p>
<p> </p>
<p>Tags: <a href="http://elitemarketingsolutions.net/blog/tag/ppc-management/" rel="tag">PPC Management</a></p>
<p> <a href="http://elitemarketingsolutions.net/blog/category/search-engine-marketing-company/" rel="category tag">Search Engine Marketing Company</a> | <a href="http://elitemarketingsolutions.net/blog/author/admin/" rel="author" title="Posts by admin">admin</a> July 28, 2016   |  <a href="http://elitemarketingsolutions.net/blog/making-the-most-of-ppc-management/#respond">Comments (0)</a> </p>
<p><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Using <a href="http://elitemarketingsolutions.net/website-design.html">blog posting</a> in your website’s own custom-made blog is one of the more advanced SEO techniques that you can work on to improve your overall relationship and performance with the search engine and your customer. Once you have addressed the most common and fundamental SEO methods from design to keyword use, we highly recommend taking things a step further by using blog posting. And since much of your competition will not have their own blog spaces, this is one of a handful of ways that you can make big gains on your competitors. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">For your Customer</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">If you’re inexperienced with the idea of blogging, then a quick explanation can help to inform why exactly they are so useful. A blog, unlike the rest of your static website, is composed of many short and brief posts, usually on a single subject. These posts slowly shift down the list as new posts are made, and after some time, you might have dozens of pages of posts on particular niche interests and specialist articles on a range of subjects. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">For the majority of your customers, these blog posts will go unseen, it’s for the minority that your blog will make a big difference for. Any customer who has a particular interest in your product or service may like to know more information to inform their choice, and while each interest might be unique, so will each post in your blog. Over time you will hopefully build up an archive of posts which address all common FAQs, making you an authority on your topic.</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">For your Website</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Your blog posts can also play a role as an entrance to your website. If you have addressed a particular subject in one of your posts, then users searching for this subject may be directed to your site solely because of one blog post, and this can lead to a new audience finding your entire website, and this means more traffic. I always think of it as like having many different front doors, on different streets, all of which lead into the same shop (yours). Plus if a customer or visitor has found something on your site that they hadn’t found on their usual site, there is a good chance they will come to you first next time again.</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">For the Search Engine </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">For the search engine, your blog plays a somewhat different role. Each and every piece that you post to your blog is compounded with the rest of your content, allowing the search engine to better understand your website and the information inside. Each time you make a blog post the search engine sees this as website activity and this also improves how your website is ranked by the search engine, improving your overall SEO results. Everything that goes onto your website is like evidence, or clues, for the search engine which wants to gather up that information so as to direct their users as well as possible to the most relevant info, posting a blog full of relevant info helps the search engine in its acquisition to understand your website a great deal. </span></p>
<p> </p>
<p>Tags: <a href="http://elitemarketingsolutions.net/blog/tag/blog-posting/" rel="tag">Blog Posting</a></p>
<p> <a href="http://elitemarketingsolutions.net/blog/category/search-engine-marketing-company/" rel="category tag">Search Engine Marketing Company</a> | <a href="http://elitemarketingsolutions.net/blog/author/admin/" rel="author" title="Posts by admin">admin</a> July 18, 2016   |  <a href="http://elitemarketingsolutions.net/blog/how-does-blog-posting-pull-in-traffic/#respond">Comments (0)</a> </p>
<p><span style="font-weight: 400;">One of the main concerns with business owners who are inexperienced with SEO is the price, and this largely comes from an ignorance of what exactly SEO is, and therefore what the investment is for. As you might expect, large industry leading businesses to spend a great deal on SEO each year, though this is relative, and there is no reason that as a small business that you can’t make use of <a href="http://elitemarketingsolutions.net/web-marketing-and-design.html">affordable SEO</a> practices which mirror your larger competition. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Custom Blog Creation</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">A slightly less often used method of search engine optimisation which is fantastic for improving your website rank, as well as creating a cult following for your content is custom blog creation. A custom blog is simply a blog built into your website, you may have seen the tag “blog” in the menu for many websites before, even if you haven’t entered the blogs before. Plus the fact that many sites don’t use blogs mean that this is an opportunity to get one up on all those sites.</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Among other things, your blog is a place for you to put all relevant content which doesn’t quite make the cut for your static pages. These static pages contain all of the most relevant and important information that every single one of your customers needs to know, your blog then is a place that you can store additional information that some of your more interested customers might want. A final perk worth mentioning on the subject of custom blogs is that they by their nature are short but regular posts, and this is great for keeping your website active in the eye of the search engine. Plus, it’s a very inexpensive method of SEO. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Experiment with Keywords </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Keyword research has long been one of the most productive and favourite methods of affordable website SEO, and there are even free tools out there now to assist with the role. By experimenting with new keywords, and trying  to blend long as well as short tail keywords and phrases you may be able to innovate in ways that your have yet to consider, getting you ahead of the crowd. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">When researching and implementing keywords in your web content, exercise with caution. It’s important that you place keywords according to the web etiquette set by search engines, especially Google. Once you could get away with repeating the same few popularly searched words in your content and get onto the first page of Google, now though the search algorithm is more sophisticated, and it will more likely demote your page than promote it if you overuse keywords, AKA keyword stuffing. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Backlink Partnerships</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">You might know that a link in your content that directs a user to a page on another website is called a backlink, though you might not know their usefulness. When you connect with content outside of your website, you are extending the scope of information that you can deliver to your visitors, this also reads well with the search engine by allowing it to see your content in a wider context.</span><span style="font-weight: 400;"></span></p>
</p>
<p> </p>
<p>Tags: <a href="http://elitemarketingsolutions.net/blog/tag/affordable-seo/" rel="tag">Affordable SEO</a></p>
<p> <a href="http://elitemarketingsolutions.net/blog/category/search-engine-marketing-company/" rel="category tag">Search Engine Marketing Company</a> | <a href="http://elitemarketingsolutions.net/blog/author/admin/" rel="author" title="Posts by admin">admin</a> July 8, 2016   |  <a href="http://elitemarketingsolutions.net/blog/accessible-and-affordable-seo-practices/#respond">Comments (0)</a> </p>
<p><span style="font-weight: 400;"><a href="http://elitemarketingsolutions.net/search-engine-optimization.html">Website SEO</a> has changed and evolved a great deal over the last decade or so, however, many of the central tenets have remained similar if not the same, and it’s good to keep track of developments to ensure that your site is optimised as well as it can be. For this reason we wanted to go over some of the most important and proven SEO techniques to serve as a checklist for you and your website. If you’re not doing anything on the list already, then we recommend you focus on it right away.</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Blog Posting</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">One great way of improving your search engine ranking is by adding a blog to your site. Your blog is the perfect place to add additional info, to address your niche readership, and to increase the activity of your website as far as the search engine is concerned.</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Simple Design</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Gone are the days where a website was novel. Today the internet is a necessity, and billions of us all around the globe are connected to the internet from the start of each morning to the end of each night. As such, what was exciting and groundbreaking in the late nineties is probably old and tired by now, and this includes designing overly flashy website pages. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Think of your website design as the decorum of your business. Too much colour and particularly bright colours can look tacky, and they can also detract from your actual content. The best approach we can advise when it comes to website design is to keep things clean, simple, and subtle. No website, whatever the subject, is going to look bad using a black and white colour format, and if you do want to make use of colours, try soft, calming, tonal colour palettes. This keeps your site looking classy and classic, and it also helps to focus the viewer’s eye on what’s most important, your content.  </span> <span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Responsive Design<br />
</span><span style="font-weight: 400;">Responsive website design, as opposed to “m.sites” or mobile sub-domains, have become the clear go-to method of designing for mobile devices. What makes responsive design so superior to the alternatives is that it keeps all of your content together in one place, and allows that one website to respond to serve any device, be it your home PC, laptop, tablet, or mobile seamlessly and without delay. Further, all of the limitations found with the other options are irrelevant making responsive design the all round clear choice. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Keeping Keyword Research Subtle</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Keyword research has been one of the leading methods of search engine optimisation since the dawn of the internet, and in many respects this remains unchanged. What has changed though is the search engine’s ability to find inauthentic keyword use. Once upon a time, a website could amass views by simply cramming popular keywords into a given piece of text, and this practice has become known as keyword stuffing. Today the search engine uses far more complex algorithms to assess content, and will punish the overuse of keywords, so keep things subtle and relevant. </span><span style="font-weight: 400;"></span></p>
</p>
<p> </p>
<p>Tags: <a href="http://elitemarketingsolutions.net/blog/tag/website-seo/" rel="tag">Website SEO</a></p>
<p> <a href="http://elitemarketingsolutions.net/blog/category/search-engine-marketing-company/" rel="category tag">Search Engine Marketing Company</a> | <a href="http://elitemarketingsolutions.net/blog/author/admin/" rel="author" title="Posts by admin">admin</a> June 28, 2016   |  <a href="http://elitemarketingsolutions.net/blog/proven-website-seo-techniques/#respond">Comments (0)</a> </p>
<p>The criteria for good <a href="http://elitemarketingsolutions.net/search-engine-optimization.html">website SEO</a> is in many ways the same for improving how both the search engine and how your audience register your website. What this amounts to in the end is that proper SEO investment should effectively kill the two birds with one stone, providing a better user experience for your customer on one hand, and having a site which ranks well with search engines like Google on the other. This isn’t a coincidence, though, the search engine is programmed to seek out what the user is seeking, and they’re getting increasingly good at it.</p>
<p><span style="font-weight: 400;">So what is the criteria you ask? Well, here a some of the most important places to start. </span></p>
<p>Website performance</p>
<p><span style="font-weight: 400;">Website performance encompasses a few key factors, the most important perhaps is how fast your website runs. Speed is important in the digital age, and if a client gets impatient trying to load your webpage then the chances are that they’ve already opened a new tab and searched elsewhere.</span></p>
<p><span style="font-weight: 400;">In relation to the search engine, you can be quantitatively tested and if your site is slow and bugs often then your page rank will suffer. There are a number of ways to speed up your site, this includes proper site construction and keeping images and videos to a minimal (particularly relevant for mobile users). </span></p>
<p><span style="font-weight: 400;">You should also consider how any media loads, and ensure that you don’t have any dead pages or links which do not correspond to any pages. </span></p>
<p><span style="font-weight: 400;">Content<br />
</span><span style="font-weight: 400;">Your content is essentially the entire purpose of the website itself. When it comes to pleasing your customer you should consider how well your content reads, the keywords you use, and, critically, how your content compares with your competition. </span></p>
<p><span style="font-weight: 400;">When it comes to pleasing the search engine, on the other hand, you can make big gains by making a few simple changes. Ask yourself of each page of your site, what is the topic, theme, or subject of this page. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Does the content address the subject directly? Are the keywords as relevant as possible? How well does the page URL reflect the topic and content? Finally, have you written relevant and clear meta descriptions and page titles for the search engine? These are very simple actions which can each have a profound effect on your website’s performance. Although they might also assist or reassure your visitors, these things are more for helping the search engine understand your website, and the better it does, the more likely it will rank you more highly.</span></p>
<p><span style="font-weight: 400;">Navigation<br />
</span><span style="font-weight: 400;">How easy is it to go from page to page of your website? Ideally, your site will be structured into sections, subsections, categories, and subcategories. Also, does your structure follow a logical plan? This is essential for creating a pleasant browsing experience for your user, and Google bots and crawlers will pick up on them too. Make sure that your site has as few dead ends as possible, and use icons that can return the user to the previous page and homepage wherever possible. </span></p>
<p>Tags: <a href="http://elitemarketingsolutions.net/blog/tag/website-seo/" rel="tag">Website SEO</a></p>
<p> <a href="http://elitemarketingsolutions.net/blog/category/search-engine-marketing-company/" rel="category tag">Search Engine Marketing Company</a> | <a href="http://elitemarketingsolutions.net/blog/author/admin/" rel="author" title="Posts by admin">admin</a> June 18, 2016   |  <a href="http://elitemarketingsolutions.net/blog/what-on-page-website-seo-means-for-your-audience/#respond">Comments (0)</a> </p>
<p><span style="font-weight: 400;">It’s often taken for granted that while the internet is a forum for businesses that cross all industries, as well as charities, news stations, and other sites which simply offer information on their given subject, not many of these will have much, if any, previous knowledge of what <a href="http://elitemarketingsolutions.net/search-engine-optimization.html">organic SEO</a> is, and certainly not how to implement it. For all of you out there who this might apply to, it can be really very helpful to begin by making a checklist that you work your way through. There are a number of benefits to this, but mainly i think by keeping each element separate, it’s easier to keep track of progress, and in time to have a better understanding of how they interact. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Design</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">The design of your website is the first impression any of your customers will make of your business, and if it isn’t right, it may be their last. Fear not, though, an SEO expert is well versed in putting together simple yet attractive design. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Responsive Design</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">This relates to mobile website design. Responsive effectively means that your website design will be able to respond to different device types to format your content in the most eye pleasing way possible. By now, with over half of all web traffic coming from mobile devices, this isn’t something you want to miss out on. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Keyword Research</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">A keyword is a term used to describe certain keywords or phrases that you use in the content on your website to direct your content to the search engine, and your customer base. By ensuring that you’re using best terminology you can pick up more traffic, and feature higher on the search engine. By experimenting with new and different synonyms of keywords you might be able to make your content more competitive, and stay a step ahead of your competition. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Building Backlinks</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">When you have a link in your content which directs a user to another website, this is a backlink. Building backlinks is a key and fundamental method of SEO that has been in use since the beginning of SEO and the internet. There are two main reasons that backlinks are useful, firstly they connect your site to a wider web of context, making it easier for a search engine to understand what your site or page is about. Secondly, by building backlink partnerships over time, you should begin to see sites linking back to your content from theirs. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Blog Posting</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">The final thing worth mentioning in this post as a way to grow your organic SEO is to post in a blog on your website. There are plenty of purposes that you could put a blog to use for, ideally, you’ll use it to post things which aren’t quite necessary to the majority of your audience, but which will no less be appreciated by at least some or many of them. One advantage of using a blog is that customers of your competition who are not offered the niche advice or information will eventually go looking for someone who does offer it, and this may well introduce them to your business. </span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"></span></p>
</p>
<p>Tags: <a href="http://elitemarketingsolutions.net/blog/tag/organic-seo/" rel="tag">Organic SEO</a></p>
<p> <a href="http://elitemarketingsolutions.net/blog/category/search-engine-marketing-company/" rel="category tag">Search Engine Marketing Company</a> | <a href="http://elitemarketingsolutions.net/blog/author/admin/" rel="author" title="Posts by admin">admin</a> June 8, 2016   |  <a href="http://elitemarketingsolutions.net/blog/an-organic-seo-checklist-for-small-businesses/#respond">Comments (0)</a> </p>
<p>As a business operating online, it’s critical to have at least a basic understanding of how success online relies on a steady <a href="http://elitemarketingsolutions.net/">organic SEO</a> approach. Once your basic website design and content is in place it’s time to get to work on your search engine optimisation efforts.</p>
<p> </p>
<p><span style="font-weight: 400;">It’s completely understandable that not everyone operating online will have knowledge of what SEO is, and how it works in advance, however taking one step at a time and growing your SEO techniques slowly is completely manageable for any business. So, what should you start with? </span></p>
<p> </p>
<p><span style="font-weight: 400;">Content production and keyword implementation </span></p>
<p><span style="font-weight: 400;">It’s easy to lose track when focusing on SEO that the reason a website has a purpose in the first place is for the content it contains. As a business in any industry, you are an authority, and the info that you want to convey to your audience should always remain your top priority. </span></p>
<p><span style="font-weight: 400;">This might mean spending more time assessing the competition and improving your web content, or, if writing isn’t exactly your speciality then an SEO can provide content writing services to assist you. </span></p>
<p><span style="font-weight: 400;">Another core component worth mentioning here is keyword research and implementation. Finding the right keywords means utilising specialist software which analyses the most popular search terms for any given topic, and then to implement these key terms you must find natural ways to fit them into your content. </span></p>
<p><span style="font-weight: 400;">Design and responsive design<br />
</span><span style="font-weight: 400;">Regardless of the content of your website, the design remains important, particularly when it comes to users finding your site for the first time. This does not mean that your site needs to be overly flashy, however. The best-designed sites utilise simplicity to maintain focus on what’s important, the content. </span></p>
<p><span style="font-weight: 400;">Responsive design is all about building a website which can cater to different device types, offering access to a website via either a desktop computer or otherwise a tablet or mobile device. As you may or may not know, mobile browsing now makes up a majority of all web traffic and it simply isn’t optional today if you’re looking to be competitive online. </span></p>
<p><span style="font-weight: 400;">Site architecture<br />
</span><span style="font-weight: 400;">Another key area to focus on with your SEO approach is one which largely exists behind the scenes and which relates to your website’s inner architecture. This is all about how your pages and menus link together to form the overall structure of the site. By having a simple, clear, logical, and easily navigated infrastructure both your client as well as bots from the search engine will find it less complicated to browse your site.<br />
</span><br />
<span style="font-weight: 400;">Custom Blog Posting</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">Once you have the basics all in place, it’s worth considering having a custom blog built as an additional way to organically grow your SEO efforts further. Having a custom blog space built for your website means you have an extra “wing” to your website, separate from the rest, in which you can store any additional content you like. This can just be a place that you give news about the business, staff, and so on, like a bio, or it can be taken advantage of for additional content. </span><span style="font-weight: 400;"><br />
</span></p>
<p>Tags: <a href="http://elitemarketingsolutions.net/blog/tag/organic-seo/" rel="tag">Organic SEO</a></p>
<p> <a href="http://elitemarketingsolutions.net/blog/category/search-engine-marketing-company/" rel="category tag">Search Engine Marketing Company</a> | <a href="http://elitemarketingsolutions.net/blog/author/admin/" rel="author" title="Posts by admin">admin</a> May 29, 2016   |  <a href="http://elitemarketingsolutions.net/blog/developing-a-successful-organic-seo-approach/#respond">Comments (0)</a> </p>
<p>Enter your email address:</p>
<p><input class="txt" name="email" style="width:140px" type="text"/></p>
<p>Delivered by <a href="https://feedburner.google.com/" target="_blank">FeedBurner</a></p>
<p>Copyright ©2013 <a href="http://elitemarketingsolutions.net/" target="_blank">elitemarketingsolutions.net</a></p>
<h1>866-930-0367</h1>
<h1>Blog</h1>
<h1>866-930-0367</h1>
<h2><a href="http://elitemarketingsolutions.net/blog/why-mobile-website-design-is-a-must-in-2016/" rel="bookmark" title="Permanent Link to Why mobile website design is a must in 2016">Why mobile website design is a must in 2016</a></h2>
<h2><a href="http://elitemarketingsolutions.net/blog/increasing-first-page-placement-frequency/" rel="bookmark" title="Permanent Link to Increasing First Page Placement Frequency">Increasing First Page Placement Frequency</a></h2>
<h2><a href="http://elitemarketingsolutions.net/blog/achievable-first-page-placement-goals/" rel="bookmark" title="Permanent Link to Achievable first page placement goals">Achievable first page placement goals</a></h2>
<h2><a href="http://elitemarketingsolutions.net/blog/making-the-most-of-ppc-management/" rel="bookmark" title="Permanent Link to Making the most of PPC management">Making the most of PPC management</a></h2>
<h2><a href="http://elitemarketingsolutions.net/blog/how-does-blog-posting-pull-in-traffic/" rel="bookmark" title="Permanent Link to How does blog posting pull in traffic?">How does blog posting pull in traffic?</a></h2>
<h2><a href="http://elitemarketingsolutions.net/blog/accessible-and-affordable-seo-practices/" rel="bookmark" title="Permanent Link to Accessible and affordable SEO practices">Accessible and affordable SEO practices</a></h2>
<h2><a href="http://elitemarketingsolutions.net/blog/proven-website-seo-techniques/" rel="bookmark" title="Permanent Link to Proven website SEO techniques">Proven website SEO techniques</a></h2>
<h2><a href="http://elitemarketingsolutions.net/blog/what-on-page-website-seo-means-for-your-audience/" rel="bookmark" title="Permanent Link to What on page website SEO means for your audience">What on page website SEO means for your audience</a></h2>
<h2><a href="http://elitemarketingsolutions.net/blog/an-organic-seo-checklist-for-small-businesses/" rel="bookmark" title="Permanent Link to An organic SEO checklist for small businesses">An organic SEO checklist for small businesses</a></h2>
<h2><a href="http://elitemarketingsolutions.net/blog/developing-a-successful-organic-seo-approach/" rel="bookmark" title="Permanent Link to Developing a successful organic SEO approach">Developing a successful organic SEO approach</a></h2>
<h3>Call us</h3>
<h3>Recent Posts</h3>
<h3>Archives</h3>
<h3>Categories</h3>
<h3>Feeds</h3>
<h6>Client  Login</h6>
<ul class="social">
<li><a href="https://www.facebook.com/business/dashboard/#/pages/Elite-SEO-Marketing/257049519142" target="_blank"></a></li>
<li><a href="https://twitter.com/#!/EliteSEOMktg" target="_blank"></a></li>
<li><a href="http://feeds.feedburner.com/EliteMarketingSolutionsBlog"></a></li>
</ul>
<ul class="sub-menu">
<li><a href="http://elitemarketingsolutions.net/web-marketing-and-design.html">Web Marketing and Design</a>
</li>
<li><a href="http://elitemarketingsolutions.net/social-media-marketing.html">Social Media Marketing</a>
</li>
<li><a href="http://elitemarketingsolutions.net/reputation-repair-and-management.html">Reputation Repair &amp; Management</a>
</li>
</ul>
<ul class="min-sub-menu">
<li><a href="http://elitemarketingsolutions.net/search-engine-optimization.html">Search Engine Optimization</a></li>
<li><a href="http://elitemarketingsolutions.net/pay-per-click-management.html">Pay Per Click Management</a></li>
<li><a href="http://elitemarketingsolutions.net/website-design.html">Website Design</a></li>
</ul>
<ul class="min-sub-menu">
<li><a href="http://elitemarketingsolutions.net/facebook-branding-and-marketing.html">Facebook Branding &amp; Marketing</a></li>
<li><a href="http://elitemarketingsolutions.net/twitter-branding-and-marketing.html">Twitter Branding &amp; Marketing</a></li>
</ul>
<ul class="min-sub-menu">
<li><a href="http://elitemarketingsolutions.net/negative-press.html">Negative Press</a></li>
<li><a href="http://elitemarketingsolutions.net/ripoff-report-and-scam-alerts.html">Ripoff Report &amp; Scam Alerts</a></li>
</ul>
<ul class="sub-menu">
<li><a href="http://elitemarketingsolutions.net/branding.html">Branding</a></li>
<li><a href="http://elitemarketingsolutions.net/exposure.html">Exposure</a></li>
<li><a href="http://elitemarketingsolutions.net/visibility.html">Visibility </a></li>
</ul>
<ul>
<li class="widget widget_recent_entries" id="recent-posts-2">
</li>
<li class="widget widget_archive" id="archives-2">
</li>
<li class="widget widget_categories" id="categories-2">
</li>
<li class="widget widget_text" id="text-2">
<div class="textwidget">
<form action="https://feedburner.google.com/fb/a/mailverify" class="formfeeds" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=EliteMarketingSolutionsBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border:1px solid #ccc;padding:3px;text-align:center;" target="popupwindow"><a href="http://feeds.feedburner.com/EliteMarketingSolutionsBlog" rel="alternate" title="Subscribe to my feed" type="application/rss+xml"></a><br /><a href="http://feeds.feedburner.com/EliteMarketingSolutionsBlog" rel="alternate" title="Subscribe to my feed" type="application/rss+xml">Subscribe to my feed</a><input name="uri" type="hidden" value="EliteMarketingSolutionsBlog"/><input name="loc" type="hidden" value="en_US"/><input class="btn" type="submit" value=""/></form>
</div>
</li>
</ul>
<ul>
<li>
<a href="http://elitemarketingsolutions.net/blog/why-mobile-website-design-is-a-must-in-2016/">Why mobile website design is a must in 2016</a>
</li>
<li>
<a href="http://elitemarketingsolutions.net/blog/increasing-first-page-placement-frequency/">Increasing First Page Placement Frequency</a>
</li>
<li>
<a href="http://elitemarketingsolutions.net/blog/achievable-first-page-placement-goals/">Achievable first page placement goals</a>
</li>
<li>
<a href="http://elitemarketingsolutions.net/blog/making-the-most-of-ppc-management/">Making the most of PPC management</a>
</li>
<li>
<a href="http://elitemarketingsolutions.net/blog/how-does-blog-posting-pull-in-traffic/">How does blog posting pull in traffic?</a>
</li>
</ul>
<ul>
<li><a href="http://elitemarketingsolutions.net/blog/2016/08/">August 2016</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2016/07/">July 2016</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2016/06/">June 2016</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2016/05/">May 2016</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2016/04/">April 2016</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2016/03/">March 2016</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2016/02/">February 2016</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2016/01/">January 2016</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2015/12/">December 2015</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2015/11/">November 2015</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2015/10/">October 2015</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2015/09/">September 2015</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2015/08/">August 2015</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2015/07/">July 2015</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2015/06/">June 2015</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2015/05/">May 2015</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2015/04/">April 2015</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2015/03/">March 2015</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2015/02/">February 2015</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2015/01/">January 2015</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2014/12/">December 2014</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2014/11/">November 2014</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2014/10/">October 2014</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2014/09/">September 2014</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2014/08/">August 2014</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2014/07/">July 2014</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2014/06/">June 2014</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2014/05/">May 2014</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2014/04/">April 2014</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2014/03/">March 2014</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2014/02/">February 2014</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2014/01/">January 2014</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/2013/12/">December 2013</a></li>
</ul>
<ul>
<li class="cat-item cat-item-7"><a href="http://elitemarketingsolutions.net/blog/category/business-branding-company/">Business Branding Company</a>
</li>
<li class="cat-item cat-item-2"><a href="http://elitemarketingsolutions.net/blog/category/internet-marketing-company/">Internet Marketing Company</a>
</li>
<li class="cat-item cat-item-5"><a href="http://elitemarketingsolutions.net/blog/category/reputation-repair-company/">Reputation Repair Company</a>
</li>
<li class="cat-item cat-item-6"><a href="http://elitemarketingsolutions.net/blog/category/search-engine-marketing-company/">Search Engine Marketing Company</a>
</li>
<li class="cat-item cat-item-4"><a href="http://elitemarketingsolutions.net/blog/category/social-media-marketing-company/">Social Media Marketing Company</a>
</li>
<li class="cat-item cat-item-3"><a href="http://elitemarketingsolutions.net/blog/category/web-design-company/">Web Design Company</a>
</li>
</ul>
<ul class="link-area">
<li><a href="http://elitemarketingsolutions.net/search-engine-optimization.html">Search Engine Optimization</a></li>
<li><a href="http://elitemarketingsolutions.net/pay-per-click-management.html">Pay Per Click Management </a></li>
<li><a href="http://elitemarketingsolutions.net/website-design.html">Website Design</a></li>
</ul>
<ul class="link-area">
<li><a href="http://elitemarketingsolutions.net/social-media-marketing.html">Social Media Marketing</a></li>
<li><a href="http://elitemarketingsolutions.net/reputation-repair-and-management.html">Reputation Repair</a></li>
<li><a href="http://elitemarketingsolutions.net/blog/">Blog</a></li>
</ul>
<p><a href="http://elitemarketingsolutions.net/index.html"></a><a href="http://elitemarketingsolutions.net/blog/page/2/">« Older</a><a href="http://advertise.bingads.microsoft.com/en-us/training-accreditation-find-a-pro-directory?MemberID=039c643c-1101-4db3-a95a-f497d468c3b8" target="_blank"></a><span class="logo"></span><span class="pull-left"></span><span class="pull-left"></span><span class="image-01"></span></div>

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

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

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


	</div> <!-- ast-container -->
	</div><!-- #content -->
<footer
class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon">
			<div class="site-primary-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-2-lheavy ast-builder-grid-row-tablet-2-equal ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-primary-footer-builder">
	<div class="ast-builder-grid-row-container-inner">
					<div class="ast-builder-footer-grid-columns site-primary-footer-inner-wrap ast-builder-grid-row">
											<div class="site-footer-primary-section-1 site-footer-section site-footer-section-1">
							<aside
		class="footer-widget-area widget-area site-footer-focus-item footer-widget-area-inner" data-section="sidebar-widgets-footer-widget-1" aria-label="Footer Widget 1" role="region"				>
			<section id="block-7" class="widget widget_block">	<h5 data-spectra-id="spectra-mgki0dyo-jbje11"		class="wp-block-spectra-content">
		Contact Us	</h5>
</section>		</aside>
				<aside
		class="footer-widget-area widget-area site-footer-focus-item footer-widget-area-inner" data-section="sidebar-widgets-footer-widget-2" aria-label="Footer Widget 2" role="region"		>
			<section id="block-8" class="widget widget_block">	<h2 data-spectra-id="spectra-mgki5dh1-pyuo6o"		class="wp-block-spectra-content">
		Let's talk	</h2>
</section>		</aside>
					<div class="ast-builder-layout-element ast-flex site-footer-focus-item" data-section="section-fb-social-icons-1">
				<div class="ast-footer-social-1-wrap ast-footer-social-wrap"><div class="footer-social-inner-wrap element-social-inner-wrap social-show-label-true ast-social-color-type-custom ast-social-stack-none ast-social-element-style-filled"><a href="" aria-label="Facebook" target="_blank" rel="noopener noreferrer" style="--color: #557dbc; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-facebook footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z'></path></svg></span><span class="social-item-label">Facebook</span></a><a href="" aria-label="Pinterest" target="_blank" rel="noopener noreferrer" style="--color: #ea575a; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-pinterest footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M448 80v352c0 26.5-21.5 48-48 48H154.4c9.8-16.4 22.4-40 27.4-59.3 3-11.5 15.3-58.4 15.3-58.4 8 15.3 31.4 28.2 56.3 28.2 74.1 0 127.4-68.1 127.4-152.7 0-81.1-66.2-141.8-151.4-141.8-106 0-162.2 71.1-162.2 148.6 0 36 19.2 80.8 49.8 95.1 4.7 2.2 7.1 1.2 8.2-3.3.8-3.4 5-20.1 6.8-27.8.6-2.5.3-4.6-1.7-7-10.1-12.3-18.3-34.9-18.3-56 0-54.2 41-106.6 110.9-106.6 60.3 0 102.6 41.1 102.6 99.9 0 66.4-33.5 112.4-77.2 112.4-24.1 0-42.1-19.9-36.4-44.4 6.9-29.2 20.3-60.7 20.3-81.8 0-53-75.5-45.7-75.5 25 0 21.7 7.3 36.5 7.3 36.5-31.4 132.8-36.1 134.5-29.6 192.6l2.2.8H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z'></path></svg></span><span class="social-item-label">Pinterest</span></a><a href="" aria-label="Behance" target="_blank" rel="noopener noreferrer" style="--color: #1B64F6; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-behance footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z'></path></svg></span><span class="social-item-label">Behance</span></a></div></div>			</div>
						</div>
											<div class="site-footer-primary-section-2 site-footer-section site-footer-section-2">
							<aside
		class="footer-widget-area widget-area site-footer-focus-item footer-widget-area-inner" data-section="sidebar-widgets-footer-widget-3" aria-label="Footer Widget 3" role="region"		>
			<section id="block-9" class="widget widget_block">	<p data-spectra-id="spectra-mgkm9xkz-9wcgyr"		class="has-text-color has-link-color spectra-text-color wp-elements-1 wp-block-spectra-content has-white-color" style="--spectra-text-color: var(--wp--preset--color--white);">
		t: 929-242-6868<br>e: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="32515d5c46535146725b5c545d1c515d5f">[email&#160;protected]</a><br>a: 13 Fifth Avenue, NY 10160	</p>
</section><section id="block-10" class="widget widget_block">
<div class="wp-block-uagb-container uagb-block-554e7fff alignfull uagb-is-root-container"><div class="uagb-container-inner-blocks-wrap"></div></div>
</section>		</aside>
				<aside
		class="footer-widget-area widget-area site-footer-focus-item footer-widget-area-inner" data-section="sidebar-widgets-footer-widget-4" aria-label="Footer Widget 4" role="region"		>
			<section id="block-11" class="widget widget_block">	<p data-spectra-id="spectra-mgkjkhy1-w17bwa"		class="wp-block-spectra-content">
		<strong>Providing creative ideas for your business</strong>	</p>
</section>		</aside>
						</div>
										</div>
			</div>

</div>
<div class="site-below-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-2-equal ast-builder-grid-row-tablet-2-equal 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 Elite Marketing Solutions</p>
</div>			</div>
						</div>
											<div class="site-footer-below-section-2 site-footer-section site-footer-section-2">
							<div class="footer-widget-area widget-area site-footer-focus-item ast-footer-html-1" data-section="section-fb-html-1">
			<div class="ast-header-html inner-link-style-"><div class="ast-builder-html-element"><p>Powered by Elite Marketing Solutions</p>
</div></div>		</div>
						</div>
										</div>
			</div>

</div>
	</footer><!-- #colophon -->
	</div><!-- #page -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><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>
			<script>
			/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
			</script>
			<script id="astra-theme-js-js-extra">
var astra = {"break_point":"921","isRtl":"","is_scroll_to_id":"","is_scroll_to_top":"","is_header_footer_builder_active":"1","responsive_cart_click":"flyout","is_dark_palette":""};
//# sourceURL=astra-theme-js-js-extra
</script>
<script id="astra-theme-js-js" src="https://www.elitemarketingsolutions.net/wp-content/themes/astra/assets/js/minified/frontend.min.js?ver=4.13.11"></script>
<script id="wp-hooks-js" src="https://www.elitemarketingsolutions.net/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
<script id="spectra-blocks-modal-settings-js" src="https://www.elitemarketingsolutions.net/wp-content/plugins/spectra-blocks/assets/js/modal-script.js?ver=1.0.8"></script>
<script id="spectra-blocks-aos-js-js" src="https://www.elitemarketingsolutions.net/wp-content/plugins/spectra-blocks/assets/js/aos.min.js?ver=1.0.8"></script>
<script id="wp-i18n-js" src="https://www.elitemarketingsolutions.net/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="swv-js" src="https://www.elitemarketingsolutions.net/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.7"></script>
<script id="contact-form-7-js-translations">
( function( domain, translations ) {
	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
	localeData[""].domain = domain;
	wp.i18n.setLocaleData( localeData, domain );
} )( "contact-form-7", {"translation-revision-date":"2024-03-18 08:32:04+0000","generator":"GlotPress\/4.0.3","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_CA"},"Error:":["Error:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
//# sourceURL=contact-form-7-js-translations
</script>
<script id="contact-form-7-js-before">
var wpcf7 = {
    "api": {
        "root": "https:\/\/www.elitemarketingsolutions.net\/wp-json\/",
        "namespace": "contact-form-7\/v1"
    },
    "cached": 1
};
//# sourceURL=contact-form-7-js-before
</script>
<script id="contact-form-7-js" src="https://www.elitemarketingsolutions.net/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.7"></script>
<script id="wp-dom-ready-js" src="https://www.elitemarketingsolutions.net/wp-includes/js/dist/dom-ready.min.js?ver=3fe927cab37bf38d6a23"></script>
<script id="starter-templates-zip-preview-js-extra">
var starter_templates_zip_preview = {"AstColorPaletteVarPrefix":"--ast-global-color-","AstEleColorPaletteVarPrefix":["ast-global-color-0","ast-global-color-1","ast-global-color-2","ast-global-color-3","ast-global-color-4","ast-global-color-5","ast-global-color-6","ast-global-color-7","ast-global-color-8"]};
//# sourceURL=starter-templates-zip-preview-js-extra
</script>
<script id="starter-templates-zip-preview-js" src="https://www.elitemarketingsolutions.net/wp-content/plugins/astra-sites/inc/lib/onboarding/assets/dist/template-preview/main.js?ver=089983451e6a251a0ab9"></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":{"concatemoji":"https://www.elitemarketingsolutions.net/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}}
</script>
<script type="module">
/*! This file is auto-generated */
var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
//# sourceURL=https://www.elitemarketingsolutions.net/wp-includes/js/wp-emoji-loader.min.js
</script>
	</body>
</html>


<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-16 10:10:00 -->