<!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-online-casino-canada.blogsdaddy.com/" data-casino-hreflang="1" />
<link rel="alternate" hreflang="en" href="https://best-online-casino-canada.blogsdaddy.com/" data-casino-hreflang="1" />
<link rel="alternate" hreflang="en-ca" href="https://best-online-casino-canada.blogsdaddy.com/" data-casino-hreflang="1" />
<link rel="alternate" hreflang="x-default" href="https://www.blogsdaddy.com/" data-casino-hreflang="1" />
<!-- This site is optimized with the Yoast SEO plugin v28.4 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>Add Related Posts Widget To Blogger/WordPress With Thumbnails - BlogsDaddy</title>
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Add Related Posts Widget To Blogger/WordPress With Thumbnails - BlogsDaddy" />
	<meta property="og:description" content="How To Add Related Post Widget In Blogger How To Customize Nrelate Widget ? Customizing Thumbnail Style For This Widget How To Add Related Post Widget In WordPress Go to Partners.Nrelate.com and Sign For New Account -&gt; Activate Your Account Click Install Tab -&gt; Blogger Enter Blog URL Which You Want to Add Nrelated Post [&hellip;]" />
	<meta property="og:url" content="https://www.blogsdaddy.com/2012/08/add-related-posts-widget-to.html-1" />
	<meta property="og:site_name" content="BlogsDaddy" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:label1" content="Est. reading time" />
	<meta name="twitter:data1" content="1 minute" />
	<!-- / 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="BlogsDaddy &raquo; Feed" href="https://www.blogsdaddy.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="BlogsDaddy &raquo; Comments Feed" href="https://www.blogsdaddy.com/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.blogsdaddy.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.blogsdaddy.com%2F2012%2F08%2Fadd-related-posts-widget-to.html-1" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.blogsdaddy.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.blogsdaddy.com%2F2012%2F08%2Fadd-related-posts-widget-to.html-1&#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.blogsdaddy.com/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:6.67em;--ast-container-default-lg-padding:5.67em;--ast-container-default-slg-padding:4.34em;--ast-container-default-md-padding:3.34em;--ast-container-default-sm-padding:6.67em;--ast-container-default-xs-padding:2.4em;--ast-container-default-xxs-padding:1.4em;--ast-code-block-background:#EEEEEE;--ast-comment-inputs-background:#FAFAFA;--ast-normal-container-width:1240px;--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:100%;}a,.page-title{color:var(--ast-global-color-2);}a:hover,a:focus{color:var(--ast-global-color-1);}body,button,input,select,textarea,.ast-button,.ast-custom-button{font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:16px;font-size:1rem;}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:'Crimson Text',serif;font-weight:600;}.site-title{font-size:35px;font-size:2.1875rem;display:none;}header .custom-logo-link img{max-width:57px;width:57px;}.astra-logo-svg{width:57px;}.site-header .site-description{font-size:15px;font-size:0.9375rem;display:none;}.entry-title{font-size:30px;font-size:1.875rem;}.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:52px;font-size:3.25rem;font-weight:600;font-family:'Crimson Text',serif;line-height:1.4em;}h2,.entry-content :where(h2){font-size:42px;font-size:2.625rem;font-weight:600;font-family:'Crimson Text',serif;line-height:1.3em;}h3,.entry-content :where(h3){font-size:32px;font-size:2rem;font-weight:600;font-family:'Crimson Text',serif;line-height:1.3em;}h4,.entry-content :where(h4){font-size:20px;font-size:1.25rem;line-height:1.2em;font-family:'Crimson Text',serif;}h5,.entry-content :where(h5){font-size:16px;font-size:1rem;line-height:1.2em;font-family:'Crimson Text',serif;}h6,.entry-content :where(h6){font-size:14px;font-size:0.875rem;line-height:1.25em;font-family:'Crimson Text',serif;}::selection{background-color:var(--ast-global-color-0);color:#000000;}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-2);background-color:var(--ast-global-color-2);}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-2);}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-2);background-color:var(--ast-global-color-2);box-shadow:none;}.site-footer a:hover + .post-count,.site-footer a:focus + .post-count{background:var(--ast-global-color-2);border-color:var(--ast-global-color-2);}.single .nav-links .nav-previous,.single .nav-links .nav-next{color:var(--ast-global-color-2);}.entry-meta,.entry-meta *{line-height:1.45;color:var(--ast-global-color-2);}.entry-meta a:not(.ast-button):hover,.entry-meta a:not(.ast-button):hover *,.entry-meta a:not(.ast-button):focus,.entry-meta a:not(.ast-button):focus *,.page-links > .page-link,.page-links .page-link:hover,.post-navigation a:hover{color:var(--ast-global-color-1);}#cat option,.secondary .calendar_wrap thead a,.secondary .calendar_wrap thead a:visited{color:var(--ast-global-color-2);}.secondary .calendar_wrap #today,.ast-progress-val span{background:var(--ast-global-color-2);}.secondary a:hover + .post-count,.secondary a:focus + .post-count{background:var(--ast-global-color-2);border-color:var(--ast-global-color-2);}.calendar_wrap #today > a{color:#ffffff;}.page-links .page-link,.single .post-navigation a{color:var(--ast-global-color-2);}.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;}.wp-block-latest-posts > li > a{color:var(--ast-global-color-2);}.widget-title,.widget .wp-block-heading{font-size:22px;font-size:1.375rem;color:var(--ast-global-color-3);}.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;}}.ast-page-builder-template .hentry {margin: 0;}.ast-page-builder-template .site-content > .ast-container {max-width: 100%;padding: 0;}.ast-page-builder-template .site .site-content #primary {padding: 0;margin: 0;}.ast-page-builder-template .no-results {text-align: center;margin: 4em auto;}.ast-page-builder-template .ast-pagination {padding: 2em;}.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail {margin-top: 0;}.ast-page-builder-template .entry-header.ast-header-without-markup {margin-top: 0;margin-bottom: 0;}.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta {margin-bottom: 0;}.ast-page-builder-template.single .post-navigation {padding-bottom: 2em;}.ast-page-builder-template.single-post .site-content > .ast-container {max-width: 100%;}.ast-page-builder-template .entry-header {margin-top: 4em;margin-left: auto;margin-right: auto;padding-left: 20px;padding-right: 20px;}.single.ast-page-builder-template .entry-header {padding-left: 20px;padding-right: 20px;}.ast-page-builder-template .ast-archive-description {margin: 4em auto 0;padding-left: 20px;padding-right: 20px;}.ast-page-builder-template.ast-no-sidebar .entry-content .alignwide {margin-left: 0;margin-right: 0;}@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;}.wp-block-button.is-style-outline .wp-block-button__link{border-color:var(--ast-global-color-0);border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;}div.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),div.wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color){color:var(--ast-global-color-0);}.wp-block-button.is-style-outline .wp-block-button__link:hover,.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus,.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover{color:#ffffff;background-color:var(--ast-global-color-2);border-color:var(--ast-global-color-2);}.post-page-numbers.current .page-link,.ast-pagination .page-numbers.current{color:#000000;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-2);border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;font-family:inherit;font-weight:500;font-size:13px;font-size:0.8125rem;line-height:1em;text-transform:uppercase;letter-spacing:2px;padding-top:17px;padding-right:26px;padding-bottom:17px;padding-left:26px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.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-2);}.wp-block-button.is-style-outline .wp-block-button__link:hover,.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus,.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover,.ast-outline-button:hover,.ast-outline-button:focus,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:hover,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:focus{color:#ffffff;background-color:var(--ast-global-color-1);border-color:var(--ast-global-color-1);}.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:26px;padding-bottom:17px;padding-left:26px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}}@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:26px;padding-bottom:17px;padding-left:26px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}}.entry-content[data-ast-blocks-layout] > figure{margin-bottom:1em;}@media (max-width:921px){.ast-left-sidebar #content > .ast-container{display:flex;flex-direction:column-reverse;width:100%;}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{padding:1.5em 2.14em;}.ast-author-box img.avatar{margin:20px 0 0 0;}}@media (min-width:922px){.ast-separate-container.ast-right-sidebar #primary,.ast-separate-container.ast-left-sidebar #primary{border:0;}.search-no-results.ast-separate-container #primary{margin-bottom:4em;}}.wp-block-button .wp-block-button__link{color:#ffffff;}.wp-block-button .wp-block-button__link:hover,.wp-block-button .wp-block-button__link:focus{color:#ffffff;background-color:var(--ast-global-color-2);border-color:var(--ast-global-color-2);}.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:500;line-height:1em;text-transform:uppercase;letter-spacing:2px;font-size:13px;font-size:0.8125rem;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;padding-top:17px;padding-right:26px;padding-bottom:17px;padding-left:26px;}@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:26px;padding-bottom:17px;padding-left:26px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}}@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:17px;padding-right:26px;padding-bottom:17px;padding-left:26px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}}.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{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:26px;padding-bottom:17px;padding-left:26px;font-family:inherit;font-weight:500;font-size:13px;font-size:0.8125rem;line-height:1em;text-transform:uppercase;letter-spacing:2px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}button:focus,.menu-toggle:hover,button:hover,.ast-button:hover,.ast-custom-button:hover .button:hover,.ast-custom-button:hover ,input[type=reset]:hover,input[type=reset]:focus,input#submit:hover,input#submit:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,body .wp-block-file .wp-block-file__button:hover,body .wp-block-file .wp-block-file__button:focus{color:#ffffff;background-color:var(--ast-global-color-2);border-color:var(--ast-global-color-2);}@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{padding-top:17px;padding-right:26px;padding-bottom:17px;padding-left:26px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}}@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{padding-top:17px;padding-right:26px;padding-bottom:17px;padding-left:26px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}}@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;}}@media (max-width:921px){.ast-header-break-point .ast-search-menu-icon.slide-search .search-form{right:0;}.ast-header-break-point .ast-mobile-header-stack .ast-search-menu-icon.slide-search .search-form{right:-1em;}} #ast-mobile-header .ast-site-header-cart-li a{pointer-events:none;}body,.ast-separate-container{background-color:var(--ast-global-color-4);background-image:none;}@media (max-width:921px){.site-title{display:none;}.site-header .site-description{display:none;}.entry-title{font-size:25px;font-size:1.5625rem;}h1,.entry-content :where(h1){font-size:40px;}h2,.entry-content :where(h2){font-size:35px;}h3,.entry-content :where(h3){font-size:26px;}h4,.entry-content :where(h4){font-size:20px;font-size:1.25rem;}h5,.entry-content :where(h5){font-size:16px;font-size:1rem;}h6,.entry-content :where(h6){font-size:14px;font-size:0.875rem;}.astra-logo-svg{width:200px;}header .custom-logo-link img,.ast-header-break-point .site-logo-img .custom-mobile-logo-link img{max-width:200px;width:200px;}}@media (max-width:544px){.site-title{display:none;}.site-header .site-description{display:none;}.entry-title{font-size:22px;font-size:1.375rem;}h1,.entry-content :where(h1){font-size:34px;}h2,.entry-content :where(h2){font-size:30px;}h3,.entry-content :where(h3){font-size:24px;}h4,.entry-content :where(h4){font-size:20px;font-size:1.25rem;}h5,.entry-content :where(h5){font-size:16px;font-size:1rem;}h6,.entry-content :where(h6){font-size:12px;font-size:0.75rem;}header .custom-logo-link img,.ast-header-break-point .site-branding img,.ast-header-break-point .custom-logo-link img{max-width:160px;width:160px;}.astra-logo-svg{width:160px;}.ast-header-break-point .site-logo-img .custom-mobile-logo-link img{max-width:160px;}}@media (max-width:921px){html{font-size:91.2%;}}@media (max-width:544px){html{font-size:91.2%;}}@media (min-width:922px){.ast-container{max-width:1280px;}}@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){.blog .site-content > .ast-container,.archive .site-content > .ast-container,.search .site-content > .ast-container{max-width:950px;}}@media (min-width:922px){.single-post .site-content > .ast-container{max-width:1024px;}}@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: 1240px;--wp--custom--ast-content-width-size: 1240px;--wp--custom--ast-wide-width-size: calc(1240px + 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:#5390d9;--ast-global-color-1:#e44b43;--ast-global-color-2:#000000;--ast-global-color-3:#4a4a4a;--ast-global-color-4:#f7f9fb;--ast-global-color-5:#ffffff;--ast-global-color-6:#e44b43;--ast-global-color-7:#000000;--ast-global-color-8:#000000;}:root {--ast-border-color : #dddddd;}.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: 1240px;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:not(.related-entry-header){text-align:left;}header.entry-header:not(.related-entry-header) .entry-title{font-size:30px;font-size:1.875rem;}header.entry-header:not(.related-entry-header) > *:not(:last-child){margin-bottom:10px;}@media (max-width:921px){header.entry-header:not(.related-entry-header){text-align:left;}header.entry-header:not(.related-entry-header) .entry-title{font-size:25px;font-size:1.5625rem;}}@media (max-width:544px){header.entry-header:not(.related-entry-header){text-align:left;}header.entry-header:not(.related-entry-header) .entry-title{font-size:20px;font-size:1.25rem;}}.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:1240px;width:100%;text-align:left;padding-top:3em;padding-right:3em;padding-bottom:3em;padding-left:3em;}body.archive .ast-archive-description .ast-archive-title,body.archive .ast-archive-description .ast-archive-title *{font-size:40px;font-size:2.5rem;}body.archive .ast-archive-description > *:not(:last-child){margin-bottom:10px;}@media (max-width:921px){body.archive .ast-archive-description{text-align:left;}body.archive .ast-archive-description .ast-archive-title{font-size:35px;font-size:2.1875rem;}}@media (max-width:544px){body.archive .ast-archive-description{text-align:left;}body.archive .ast-archive-description .ast-archive-title{font-size:30px;font-size:1.875rem;}}.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);}@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;}}[data-section*="section-hb-button-"] .menu-link{display:none;}.ast-header-button-1 .ast-custom-button{color:#ffffff;background:var(--ast-global-color-1);}.ast-header-button-1 .ast-custom-button:hover{color:#ffffff;background:var(--ast-global-color-2);}.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button{padding-top:15px;padding-bottom:15px;padding-left:15px;padding-right:15px;}@media (max-width:921px){.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button{margin-top:15px;margin-bottom:15px;margin-left:15px;margin-right:15px;}}.ast-header-button-1[data-section="section-hb-button-1"]{display:flex;}@media (max-width:921.99px){.ast-header-break-point .ast-header-button-1[data-section="section-hb-button-1"]{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-header-button-1[data-section="section-hb-button-1"]{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-builder-menu-1 .main-header-menu .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-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;}.ast-builder-menu-1 .main-header-menu,.ast-builder-menu-1 .main-header-menu .sub-menu{background-color:var(--ast-global-color-5);background-image:none;}}@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;}}.main-header-bar .main-header-bar-navigation .ast-search-icon {display: block;z-index: 4;position: relative;}.ast-search-icon .ast-icon {z-index: 4;}.ast-search-icon {z-index: 4;position: relative;line-height: normal;}.main-header-bar .ast-search-menu-icon .search-form {background-color: #ffffff;}.ast-search-menu-icon.ast-dropdown-active.slide-search .search-form {visibility: visible;opacity: 1;}.ast-search-menu-icon .search-form {border: 1px solid var(--ast-search-border-color);line-height: normal;padding: 0 3em 0 0;border-radius: 2px;display: inline-block;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: relative;color: inherit;background-color: #fff;}.ast-search-menu-icon .astra-search-icon {-js-display: flex;display: flex;line-height: normal;}.ast-search-menu-icon .astra-search-icon:focus {outline: none;}.ast-search-menu-icon .search-field {border: none;background-color: transparent;transition: all .3s;border-radius: inherit;color: inherit;font-size: inherit;width: 0;color: #757575;}.ast-search-menu-icon .search-submit {display: none;background: none;border: none;font-size: 1.3em;color: #757575;}.ast-search-menu-icon.ast-dropdown-active {visibility: visible;opacity: 1;position: relative;}.ast-search-menu-icon.ast-dropdown-active .search-field,.ast-dropdown-active.ast-search-menu-icon.slide-search input.search-field {width: 235px;}.ast-header-search .ast-search-menu-icon.slide-search .search-form,.ast-header-search .ast-search-menu-icon.ast-inline-search .search-form {-js-display: flex;display: flex;align-items: center;}.ast-search-menu-icon.ast-inline-search .search-field {width : 100%;padding : 0.60em;padding-right : 5.5em;transition: all 0.2s;}.site-header-section-left .ast-search-menu-icon.slide-search .search-form {padding-left: 2em;padding-right: unset;left: -1em;right: unset;}.site-header-section-left .ast-search-menu-icon.slide-search .search-form .search-field {margin-right: unset;}.ast-search-menu-icon.slide-search .search-form {-webkit-backface-visibility: visible;backface-visibility: visible;visibility: hidden;opacity: 0;transition: all .2s;position: absolute;z-index: 3;right: -1em;top: 50%;transform: translateY(-50%);}.ast-header-search .ast-search-menu-icon .search-form .search-field:-ms-input-placeholder,.ast-header-search .ast-search-menu-icon .search-form .search-field:-ms-input-placeholder{opacity:0.5;}.ast-header-search .ast-search-menu-icon.slide-search .search-form,.ast-header-search .ast-search-menu-icon.ast-inline-search .search-form{-js-display:flex;display:flex;align-items:center;}.ast-builder-layout-element.ast-header-search{height:auto;}.ast-header-search .astra-search-icon{color:var(--ast-global-color-2);font-size:18px;}.ast-header-search .search-field::placeholder,.ast-header-search .ast-icon{color:var(--ast-global-color-2);}@media (max-width:921px){.ast-header-search .astra-search-icon{color:var(--ast-global-color-2);font-size:18px;}.ast-header-search .search-field::placeholder,.ast-header-search .ast-icon{color:var(--ast-global-color-2);}}@media (max-width:544px){.ast-header-search .astra-search-icon{font-size:18px;}}.ast-header-search{display:flex;}@media (max-width:921.99px){.ast-header-break-point .ast-header-search{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-header-search{display:flex;}}.site-below-footer-wrap{padding-top:20px;padding-bottom:20px;}.site-below-footer-wrap[data-section="section-below-footer-builder"]{background-color:rgba(237,237,237,0);background-image:none;min-height:40px;border-style:solid;border-width:0px;border-top-width:1px;border-top-color:rgba(0,0,0,0.1);}.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row{max-width:1240px;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-full .ast-builder-grid-row{grid-template-columns:1fr;}@media (max-width:921px){.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-inline .site-footer-section{display:flex;margin-bottom:0;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-full .ast-builder-grid-row{grid-template-columns:1fr;}}@media (max-width:544px){.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-inline .site-footer-section{display:flex;margin-bottom:0;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-full .ast-builder-grid-row{grid-template-columns:1fr;}}.site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}@media (max-width:921.99px){.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}}@media (max-width:544px){.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}}.ast-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"]{margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}@media (max-width:921px){.footer-widget-area[data-section="section-fb-html-1"]{margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}}.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:center;}@media (max-width:921px){.footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element{text-align:center;}}@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:center;}.ast-footer-copyright.site-footer-focus-item {color:var(--ast-global-color-3);margin-left:13px;}@media (max-width:921px){.ast-footer-copyright{text-align:center;}.ast-footer-copyright.site-footer-focus-item {margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}}@media (max-width:544px){.ast-footer-copyright{text-align:center;}}.ast-footer-copyright.site-footer-focus-item {font-size:12px;font-size:0.75rem;}@media (max-width:921px){.ast-footer-copyright.site-footer-focus-item {font-size:12px;font-size:0.75rem;}}.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,.ast-footer-social-1-wrap .social-show-label-true .ast-builder-social-element{margin-left:25px;margin-right:25px;}.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:center;}}@media (max-width:544px){.ast-footer-social-1-wrap .ast-builder-social-element{margin-left:15px;margin-right:15px;}[data-section="section-fb-social-icons-1"] .footer-social-inner-wrap{text-align:center;}}.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;}}.site-above-footer-wrap{padding-top:20px;padding-bottom:20px;}.site-above-footer-wrap[data-section="section-above-footer-builder"]{background-color:rgba(237,237,237,0);background-image:none;min-height:120px;border-style:solid;border-width:0px;border-top-width:1px;border-top-color:rgba(0,0,0,0.1);}.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row{max-width:1240px;min-height:120px;margin-left:auto;margin-right:auto;}.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row,.site-above-footer-wrap[data-section="section-above-footer-builder"] .site-footer-section{align-items:center;}.site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-inline .site-footer-section{display:flex;margin-bottom:0;}.ast-builder-grid-row-2-lheavy .ast-builder-grid-row{grid-template-columns:2fr 1fr;}@media (max-width:921px){.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row{grid-column-gap:1px;grid-row-gap:1px;}.site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-tablet-inline .site-footer-section{display:flex;margin-bottom:0;}.site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-tablet-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-full .ast-builder-grid-row{grid-template-columns:1fr;}}@media (max-width:544px){.site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-mobile-inline .site-footer-section{display:flex;margin-bottom:0;}.site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-mobile-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-full .ast-builder-grid-row{grid-template-columns:1fr;}}.site-above-footer-wrap[data-section="section-above-footer-builder"]{margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}@media (max-width:921px){.site-above-footer-wrap[data-section="section-above-footer-builder"]{padding-top:30px;padding-bottom:15px;padding-left:0px;padding-right:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}}@media (max-width:544px){.site-above-footer-wrap[data-section="section-above-footer-builder"]{padding-top:50px;padding-bottom:15px;padding-left:0px;padding-right:0px;}}.site-above-footer-wrap[data-section="section-above-footer-builder"]{display:grid;}@media (max-width:921.99px){.ast-header-break-point .site-above-footer-wrap[data-section="section-above-footer-builder"]{display:grid;}}@media (max-width:544px){.ast-header-break-point .site-above-footer-wrap[data-section="section-above-footer-builder"]{display:grid;}}.site-footer{background-color:var(--ast-global-color-4);background-image:none;}@media (max-width:921px){.ast-hfb-header .site-footer{padding-left:20px;padding-right:20px;}}.site-primary-footer-wrap{padding-top:45px;padding-bottom:45px;}.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{background-color:rgba(250,250,250,0);background-image:none;border-style:solid;border-width:0px;border-top-width:1px;border-top-color:rgba(0,0,0,0.1);}.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row{max-width:1240px;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:center;}.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-full .ast-builder-grid-row{grid-template-columns: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-full .ast-builder-grid-row{grid-template-columns: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-left:30%;padding-right:30%;}@media (max-width:921px){.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{padding-top:10%;padding-bottom:10%;padding-left:10%;padding-right:10%;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}}@media (max-width:544px){.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{padding-top:50px;padding-bottom:35px;padding-left:0px;padding-right:0px;}}.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-2"].footer-widget-area-inner{text-align:center;}@media (max-width:921px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"].footer-widget-area-inner{text-align:center;}}@media (max-width:544px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"].footer-widget-area-inner{text-align:center;}}.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"]{margin-top:20px;margin-bottom:-20px;}@media (max-width:921px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"]{margin-top:20px;margin-bottom:-40px;margin-left:0px;margin-right:0px;}}@media (max-width:544px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"]{margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}}.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;}}.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-color:var(--ast-global-color-5);background-image:none;}@media (max-width:921px){.ast-separate-container .ast-article-post{background-color:var(--ast-global-color-5);background-image:none;}}@media (max-width:544px){.ast-separate-container .ast-article-post{background-color:var(--ast-global-color-5);background-image:none;}}.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container  .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-color:var(--ast-global-color-5);background-image:none;}@media (max-width:921px){.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container  .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description{background-color:var(--ast-global-color-5);background-image:none;}}@media (max-width:544px){.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container  .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description{background-color:var(--ast-global-color-5);background-image:none;}}.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-5);background-image:none;}@media (max-width:921px){.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-5);background-image:none;}}@media (max-width:544px){.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-5);background-image:none;}}.ast-off-canvas-active body.ast-main-header-nav-open {overflow: hidden;}.ast-mobile-popup-drawer .ast-mobile-popup-overlay {background-color: rgba(0,0,0,0.4);position: fixed;top: 0;right: 0;bottom: 0;left: 0;visibility: hidden;opacity: 0;transition: opacity 0.2s ease-in-out;}.ast-mobile-popup-drawer .ast-mobile-popup-header {-js-display: flex;display: flex;justify-content: flex-end;min-height: calc( 1.2em + 24px);flex-shrink: 0;}.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {background: transparent;border: 0;font-size: 24px;line-height: 1;padding: .6em;color: inherit;-js-display: flex;display: flex;box-shadow: none;}.ast-mobile-popup-drawer.ast-mobile-popup-full-width .ast-mobile-popup-inner {max-width: none;transition: transform 0s ease-in,opacity 0.2s ease-in;}.ast-mobile-popup-drawer.active {left: 0;opacity: 1;right: 0;z-index: 100000;transition: opacity 0.25s ease-out;}.ast-mobile-popup-drawer.active .ast-mobile-popup-overlay {opacity: 1;cursor: pointer;visibility: visible;}body.admin-bar .ast-mobile-popup-drawer,body.admin-bar .ast-mobile-popup-drawer .ast-mobile-popup-inner {top: 32px;}body.admin-bar.ast-primary-sticky-header-active .ast-mobile-popup-drawer,body.admin-bar.ast-primary-sticky-header-active .ast-mobile-popup-drawer .ast-mobile-popup-inner{top: 0px;}@media (max-width: 782px) {body.admin-bar .ast-mobile-popup-drawer,body.admin-bar .ast-mobile-popup-drawer .ast-mobile-popup-inner {top: 46px;}}.ast-mobile-popup-content > *,.ast-desktop-popup-content > *{padding: 10px 0;height: auto;}.ast-mobile-popup-content > *:first-child,.ast-desktop-popup-content > *:first-child{padding-top: 10px;}.ast-mobile-popup-content > .ast-builder-menu,.ast-desktop-popup-content > .ast-builder-menu{padding-top: 0;}.ast-mobile-popup-content > *:last-child,.ast-desktop-popup-content > *:last-child {padding-bottom: 0;}.ast-mobile-popup-drawer .ast-mobile-popup-content .ast-search-icon,.ast-mobile-popup-drawer .main-header-bar-navigation .menu-item-has-children .sub-menu,.ast-mobile-popup-drawer .ast-desktop-popup-content .ast-search-icon {display: none;}.ast-mobile-popup-drawer .ast-mobile-popup-content .ast-search-menu-icon.ast-inline-search label,.ast-mobile-popup-drawer .ast-desktop-popup-content .ast-search-menu-icon.ast-inline-search label {width: 100%;}.ast-mobile-popup-content .ast-builder-menu-mobile .main-header-menu,.ast-mobile-popup-content .ast-builder-menu-mobile .main-header-menu .sub-menu {background-color: transparent;}.ast-mobile-popup-content .ast-icon svg {height: .85em;width: .95em;margin-top: 15px;}.ast-mobile-popup-content .ast-icon.icon-search svg {margin-top: 0;}.ast-desktop .ast-desktop-popup-content .astra-menu-animation-slide-up > .menu-item > .sub-menu,.ast-desktop .ast-desktop-popup-content .astra-menu-animation-slide-up > .menu-item .menu-item > .sub-menu,.ast-desktop .ast-desktop-popup-content .astra-menu-animation-slide-down > .menu-item > .sub-menu,.ast-desktop .ast-desktop-popup-content .astra-menu-animation-slide-down > .menu-item .menu-item > .sub-menu,.ast-desktop .ast-desktop-popup-content .astra-menu-animation-fade > .menu-item > .sub-menu,.ast-mobile-popup-drawer.show,.ast-desktop .ast-desktop-popup-content .astra-menu-animation-fade > .menu-item .menu-item > .sub-menu{opacity: 1;visibility: visible;}.ast-mobile-popup-drawer {position: fixed;top: 0;bottom: 0;left: -99999rem;right: 99999rem;transition: opacity 0.25s ease-in,left 0s 0.25s,right 0s 0.25s;opacity: 0;visibility: hidden;}.ast-mobile-popup-drawer .ast-mobile-popup-inner {width: 100%;transform: translateX(100%);max-width: 90%;right: 0;top: 0;background: #fafafa;color: #3a3a3a;bottom: 0;opacity: 0;position: fixed;box-shadow: 0 0 2rem 0 rgba(0,0,0,0.1);-js-display: flex;display: flex;flex-direction: column;transition: transform 0.2s ease-in,opacity 0.2s ease-in;overflow-y:auto;overflow-x:hidden;}.ast-mobile-popup-drawer.ast-mobile-popup-left .ast-mobile-popup-inner {transform: translateX(-100%);right: auto;left: 0;}.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-popup-drawer .main-header-bar-navigation ul .menu-item .sub-menu .menu-link {padding-left: 30px;}.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-popup-drawer .main-header-bar-navigation .sub-menu .menu-item .menu-item .menu-link {padding-left: 40px;}.ast-mobile-popup-drawer .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {right: calc( 20px - 0.907em);}.ast-mobile-popup-drawer.content-align-flex-end .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {left: calc( 20px - 0.907em);width: fit-content;}.ast-mobile-popup-drawer .ast-mobile-popup-content .ast-search-menu-icon,.ast-mobile-popup-drawer .ast-mobile-popup-content .ast-search-menu-icon.slide-search,.ast-mobile-popup-drawer .ast-desktop-popup-content .ast-search-menu-icon,.ast-mobile-popup-drawer .ast-desktop-popup-content .ast-search-menu-icon.slide-search {width: 100%;position: relative;display: block;right: auto;transform: none;}.ast-mobile-popup-drawer .ast-mobile-popup-content .ast-search-menu-icon.slide-search .search-form,.ast-mobile-popup-drawer .ast-mobile-popup-content .ast-search-menu-icon .search-form,.ast-mobile-popup-drawer .ast-desktop-popup-content .ast-search-menu-icon.slide-search .search-form,.ast-mobile-popup-drawer .ast-desktop-popup-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-popup-drawer .ast-mobile-popup-content .ast-search-menu-icon.ast-inline-search .search-field,.ast-mobile-popup-drawer .ast-mobile-popup-content .ast-search-menu-icon .search-field,.ast-mobile-popup-drawer .ast-desktop-popup-content .ast-search-menu-icon.ast-inline-search .search-field,.ast-mobile-popup-drawer .ast-desktop-popup-content .ast-search-menu-icon .search-field {width: 100%;padding-right: 5.5em;}.ast-mobile-popup-drawer .ast-mobile-popup-content .ast-search-menu-icon .search-submit,.ast-mobile-popup-drawer .ast-desktop-popup-content .ast-search-menu-icon .search-submit {display: block;position: absolute;height: 100%;top: 0;right: 0;padding: 0 1em;border-radius: 0;}.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {opacity: 1;visibility: visible;transform: translateX(0%);}.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:100px;}.ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar .main-header-menu > .menu-item{line-height:100px;}#masthead .ast-container,.site-header-focus-item + .ast-breadcrumbs-wrapper{max-width:100%;padding-left:35px;padding-right:35px;}.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar,.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar,.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar{padding-left:20px;padding-right:20px;}.ast-header-break-point .ast-primary-header-bar{border-bottom-width:1px;border-bottom-color:#eaeaea;border-bottom-style:solid;}@media (min-width:922px){.ast-primary-header-bar{border-bottom-width:1px;border-bottom-color:#eaeaea;border-bottom-style:solid;}}.ast-primary-header-bar{background-color:var(--ast-global-color-5);background-image:none;}@media (max-width:921px){.ast-mobile-header-wrap .ast-primary-header-bar,.ast-primary-header-bar .site-primary-header-wrap{min-height:80px;}}.ast-primary-header-bar{display:block;}@media (max-width:921.99px){.ast-header-break-point .ast-primary-header-bar{display:grid;}}@media (max-width:544px){.ast-header-break-point .ast-primary-header-bar{display:grid;}}[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill{color:#ffffff;border:none;background:var(--ast-global-color-0);border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{width:20px;height:20px;fill:#ffffff;}[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-wrap .mobile-menu{color:#ffffff;}.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-navigation .main-header-menu, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .main-header-menu{border-top-width:1px;border-color:#eaeaea;}.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .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, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .menu-item .menu-link{border-bottom-width:1px;border-color:#eaeaea;border-style:solid;}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}@media (max-width:921px){.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{color:var(--ast-global-color-3);padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:15px;}.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle{color:var(--ast-global-color-3);}.ast-builder-menu-mobile .main-navigation .menu-link:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-0);}.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-0);}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:10px;right:calc( 15px - 0.907em );}.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 .main-header-menu .menu-item > .menu-link{padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:15px;}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:10px;right:calc( 15px - 0.907em );}}.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;}}.ast-above-header .main-header-bar-navigation{height:100%;}.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .inline-on-mobile .menu-item .menu-link{border:none;}.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .inline-on-mobile .menu-item-has-children > .ast-menu-toggle::before{font-size:.6rem;}.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before{transform:rotateX(180deg);}.ast-mobile-header-wrap .ast-above-header-bar ,.ast-above-header-bar .site-above-header-wrap{min-height:100px;}.ast-desktop .ast-above-header-bar .main-header-menu > .menu-item{line-height:100px;}.ast-desktop .ast-above-header-bar .ast-header-woo-cart,.ast-desktop .ast-above-header-bar .ast-header-edd-cart{line-height:100px;}.ast-above-header-bar{border-bottom-width:1px;border-bottom-color:#eaeaea;border-bottom-style:solid;}.ast-above-header.ast-above-header-bar{background-color:var(--ast-global-color-5);background-image:none;}.ast-header-break-point .ast-above-header-bar{background-color:var(--ast-global-color-5);}@media (max-width:921px){#masthead .ast-mobile-header-wrap .ast-above-header-bar{padding-left:20px;padding-right:20px;}}.ast-above-header-bar{display:block;}@media (max-width:921.99px){.ast-header-break-point .ast-above-header-bar{display:grid;}}@media (max-width:544px){.ast-header-break-point .ast-above-header-bar{display:grid;}}.footer-nav-wrap .astra-footer-vertical-menu {display: grid;}@media (min-width: 769px) {.footer-nav-wrap .astra-footer-horizontal-menu li {margin: 0;}.footer-nav-wrap .astra-footer-horizontal-menu a {padding: 0 0.5em;}}@media (min-width: 769px) {.footer-nav-wrap .astra-footer-horizontal-menu li:first-child a {padding-left: 0;}.footer-nav-wrap .astra-footer-horizontal-menu li:last-child a {padding-right: 0;}}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-horizontal-menu{justify-content:flex-start;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-vertical-menu .menu-item{align-items:flex-start;}#astra-footer-menu .menu-item > a{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:15px;}#astra-footer-menu{margin-left:25px;}@media (max-width:921px){.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-horizontal-menu{justify-content:center;display:flex;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu{display:grid;justify-content:center;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu .menu-item{align-items:center;}#astra-footer-menu .menu-item > a{padding-top:0px;padding-bottom:0px;padding-left:8px;padding-right:8px;}#astra-footer-menu{margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}}@media (max-width:544px){#astra-footer-menu{margin-bottom:50px;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-horizontal-menu{justify-content:center;display:flex;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu{display:grid;justify-content:center;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu .menu-item{align-items:center;}}.footer-widget-area[data-section="section-footer-menu"]{display:block;}@media (max-width:921.99px){.ast-header-break-point .footer-widget-area[data-section="section-footer-menu"]{display:block;}}@media (max-width:544px){.ast-header-break-point .footer-widget-area[data-section="section-footer-menu"]{display:block;}}
/*# sourceURL=astra-theme-css-inline-css */
</style>
<link rel='stylesheet' id='astra-google-fonts-css' href='https://fonts.googleapis.com/css?family=Plus+Jakarta+Sans:400%2C|Crimson+Text:600&#038;display=swap&#038;ver=4.13.11' media='all' />
<style id="spectra-style-guide-tokens-inline-css">
:root {
	--spectra-neutral-7: #000000;
	--spectra-neutral-5: #4a4a4a;
	--spectra-neutral-4: #e44b43;
	--spectra-neutral-2: #000000;
	--spectra-neutral-1: #f7f9fb;
	--spectra-neutral-0: #ffffff;
	--spectra-primary: #5390d9;
	--spectra-secondary: #e44b43;
	--spectra-accent: #000000;
	--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: #000000;
	--wp--preset--color--sg-heading: #000000;
	--wp--preset--color--sg-body: #4a4a4a;
	--wp--preset--color--sg-surface: #f7f9fb;
	--wp--preset--color--sg-background: #ffffff;
	--wp--preset--color--sg-border: #000000;
	--wp--preset--color--sg-muted: #e44b43;
}

: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.blogsdaddy.com/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.blogsdaddy.com/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.blogsdaddy.com/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.blogsdaddy.com/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.blogsdaddy.com/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.blogsdaddy.com/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.blogsdaddy.com/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.blogsdaddy.com/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.blogsdaddy.com/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.blogsdaddy.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.blogsdaddy.com/wp-json/wp/v2/pages/3575" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.blogsdaddy.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.1.2" />
<link rel='shortlink' href='https://www.blogsdaddy.com/?p=3575' />
<style class="wp-fonts-local">
@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://www.blogsdaddy.com/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.blogsdaddy.com/wp-content/plugins/spectra-blocks//assets/fonts/Inter-VariableFont-slnt-wght.woff2') format('woff2');font-stretch:normal;}
</style>
<link rel="icon" href="https://www.blogsdaddy.com/wp-content/uploads/2026/09/blog-150x150.png" sizes="32x32" />
<link rel="icon" href="https://www.blogsdaddy.com/wp-content/uploads/2026/09/blog-300x300.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.blogsdaddy.com/wp-content/uploads/2026/09/blog-300x300.png" />
<meta name="msapplication-TileImage" content="https://www.blogsdaddy.com/wp-content/uploads/2026/09/blog-300x300.png" />
</head>

<body itemtype='https://schema.org/WebPage' itemscope='itemscope' class="wp-singular page-template-default page page-id-3575 wp-custom-logo wp-embed-responsive wp-theme-astra ast-desktop ast-page-builder-template ast-no-sidebar astra-4.13.11 ast-single-post ast-inherit-site-logo-transparent ast-hfb-header ast-full-width-primary-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="off-canvas">
		<div class="ast-above-header-wrap  ">
		<div class="ast-above-header-bar ast-above-header  site-header-focus-item" data-section="section-above-header-builder">
						<div class="site-above-header-wrap ast-builder-grid-row-container site-header-focus-item ast-container" data-section="section-above-header-builder">
				<div class="ast-builder-grid-row ast-grid-center-col-layout-only ast-flex ast-grid-center-col-layout">
																		<div class="site-header-above-section-center site-header-section ast-flex ast-grid-section-center">
										<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.blogsdaddy.com/" class="custom-logo-link" rel="home"><img width="512" height="512" src="https://www.blogsdaddy.com/wp-content/uploads/2026/09/blog.png" class="custom-logo" alt="BlogsDaddy" decoding="async" fetchpriority="high" srcset="https://www.blogsdaddy.com/wp-content/uploads/2026/09/blog.png 1x, https://www.blogsdaddy.com/wp-content/uploads/2026/09/blog.png 2x" sizes="(max-width: 512px) 100vw, 512px" /></a></span>				</div>
			<!-- .site-branding -->
					</div>
									</div>
																		</div>
					</div>
								</div>
			</div>
		<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-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-2231" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-2231"><a href="https://www.blogsdaddy.com/" class="menu-link">Casino</a></li>
<li id="menu-item-3908" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3908"><a href="https://www.blogsdaddy.com/best-sports-betting-sites-canada/" class="menu-link">Sports Betting Sites</a></li>
<li id="menu-item-2200" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2200"><a href="https://www.blogsdaddy.com/sitemap/" class="menu-link">Sitemap</a></li>
</ul></div></nav></div></div>		</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 ast-header-search" data-section="section-header-search">
					<div class="ast-search-menu-icon slide-search" >
		<form role="search" method="get" class="search-form" action="https://www.blogsdaddy.com/">
	<label for="search-field">
		<span class="screen-reader-text">Search for:</span>
		<input
			type="search"
			id="search-field"
			class="search-field"
									placeholder="Search..."
			value=""
			name="s"
			tabindex="-1">
					<button class="search-submit ast-search-submit" aria-label="Search Submit">
				<span hidden>Search</span>
				<i><span class="ast-icon icon-search"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewbox="-893 477 142 142" enable-background="new -888 480 142 142" xml:space="preserve">
						  <path d="M-787.4,568.7h-6.3l-2.4-2.4c7.9-8.7,12.6-20.5,12.6-33.1c0-28.4-22.9-51.3-51.3-51.3  c-28.4,0-51.3,22.9-51.3,51.3c0,28.4,22.9,51.3,51.3,51.3c12.6,0,24.4-4.7,33.1-12.6l2.4,2.4v6.3l39.4,39.4l11.8-11.8L-787.4,568.7  L-787.4,568.7z M-834.7,568.7c-19.7,0-35.5-15.8-35.5-35.5c0-19.7,15.8-35.5,35.5-35.5c19.7,0,35.5,15.8,35.5,35.5  C-799.3,553-815,568.7-834.7,568.7L-834.7,568.7z" />
						  </svg></span></i>
			</button>
			</label>
	</form>
			<div class="ast-search-icon">
				<a class="slide-search astra-search-icon" role="button" tabindex="0" aria-label="Search button" href="#">
					<span class="screen-reader-text">Search</span>
					<span class="ast-icon icon-search"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewbox="-893 477 142 142" enable-background="new -888 480 142 142" xml:space="preserve">
						  <path d="M-787.4,568.7h-6.3l-2.4-2.4c7.9-8.7,12.6-20.5,12.6-33.1c0-28.4-22.9-51.3-51.3-51.3  c-28.4,0-51.3,22.9-51.3,51.3c0,28.4,22.9,51.3,51.3,51.3c12.6,0,24.4-4.7,33.1-12.6l2.4,2.4v6.3l39.4,39.4l11.8-11.8L-787.4,568.7  L-787.4,568.7z M-834.7,568.7c-19.7,0-35.5-15.8-35.5-35.5c0-19.7,15.8-35.5,35.5-35.5c19.7,0,35.5,15.8,35.5,35.5  C-799.3,553-815,568.7-834.7,568.7L-834.7,568.7z" />
						  </svg></span>				</a>
			</div>
		</div>
				</div>
				<div class="ast-builder-layout-element ast-flex site-header-focus-item ast-header-button-1" data-section="section-hb-button-1">
			<div class="ast-builder-button-wrap ast-builder-button-size-"><a class="ast-custom-button-link" href="#" target="_self"  role="button" aria-label="Subscribe" >
				<div class="ast-custom-button">Subscribe</div>
			</a><a class="menu-link" href="#" target="_self" >Subscribe</a></div>		</div>
									</div>
												</div>
					</div>
								</div>
			</div>
	</div> <!-- Main Header Bar Wrap -->
<div id="ast-mobile-header" class="ast-mobile-header-wrap " data-type="off-canvas">
		<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.blogsdaddy.com/" class="custom-logo-link" rel="home"><img width="512" height="512" src="https://www.blogsdaddy.com/wp-content/uploads/2026/09/blog.png" class="custom-logo" alt="BlogsDaddy" decoding="async" srcset="https://www.blogsdaddy.com/wp-content/uploads/2026/09/blog.png 1x, https://www.blogsdaddy.com/wp-content/uploads/2026/09/blog.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 ast-header-search" data-section="section-header-search">
					<div class="ast-search-menu-icon slide-search" >
		<form role="search" method="get" class="search-form" action="https://www.blogsdaddy.com/">
	<label for="search-field">
		<span class="screen-reader-text">Search for:</span>
		<input
			type="search"
			id="search-field"
			class="search-field"
									placeholder="Search..."
			value=""
			name="s"
			tabindex="-1">
					<button class="search-submit ast-search-submit" aria-label="Search Submit">
				<span hidden>Search</span>
				<i><span class="ast-icon icon-search"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewbox="-893 477 142 142" enable-background="new -888 480 142 142" xml:space="preserve">
						  <path d="M-787.4,568.7h-6.3l-2.4-2.4c7.9-8.7,12.6-20.5,12.6-33.1c0-28.4-22.9-51.3-51.3-51.3  c-28.4,0-51.3,22.9-51.3,51.3c0,28.4,22.9,51.3,51.3,51.3c12.6,0,24.4-4.7,33.1-12.6l2.4,2.4v6.3l39.4,39.4l11.8-11.8L-787.4,568.7  L-787.4,568.7z M-834.7,568.7c-19.7,0-35.5-15.8-35.5-35.5c0-19.7,15.8-35.5,35.5-35.5c19.7,0,35.5,15.8,35.5,35.5  C-799.3,553-815,568.7-834.7,568.7L-834.7,568.7z" />
						  </svg></span></i>
			</button>
			</label>
	</form>
			<div class="ast-search-icon">
				<a class="slide-search astra-search-icon" role="button" tabindex="0" aria-label="Search button" href="#">
					<span class="screen-reader-text">Search</span>
					<span class="ast-icon icon-search"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewbox="-893 477 142 142" enable-background="new -888 480 142 142" xml:space="preserve">
						  <path d="M-787.4,568.7h-6.3l-2.4-2.4c7.9-8.7,12.6-20.5,12.6-33.1c0-28.4-22.9-51.3-51.3-51.3  c-28.4,0-51.3,22.9-51.3,51.3c0,28.4,22.9,51.3,51.3,51.3c12.6,0,24.4-4.7,33.1-12.6l2.4,2.4v6.3l39.4,39.4l11.8-11.8L-787.4,568.7  L-787.4,568.7z M-834.7,568.7c-19.7,0-35.5-15.8-35.5-35.5c0-19.7,15.8-35.5,35.5-35.5c19.7,0,35.5,15.8,35.5,35.5  C-799.3,553-815,568.7-834.7,568.7L-834.7,568.7z" />
						  </svg></span>				</a>
			</div>
		</div>
				</div>
				<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-fill"
					aria-expanded="false"
					aria-label="Main menu toggle"
														>
					<span class="mobile-menu-toggle-icon">
						<span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg class='ast-mobile-svg ast-menu-svg' fill='currentColor' version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M3 13h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1zM3 7h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1zM3 19h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1z'></path></svg></span><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg class='ast-mobile-svg ast-close-svg' fill='currentColor' version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z'></path></svg></span>					</span>
									</button>
			</div>
					</div>
									</div>
											</div>
						</div>
	</div>
	</div>
		</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-3575 page type-page status-publish ast-article-single" id="post-3575" itemtype="https://schema.org/CreativeWork" itemscope="itemscope">
	
				<header class="entry-header ">
				<h1 class="entry-title" itemprop="headline">Add Related Posts Widget To Blogger/WordPress With Thumbnails</h1>			</header> <!-- .entry-header -->
		
<div class="entry-content clear"
	itemprop="text">

	
	<div>
<h4 style="text-align: left;">
How To Add Related Post Widget In Blogger</h4>
<h4 style="text-align: left;">
How To Customize Nrelate Widget ?</h4>
<h4 style="text-align: left;">
Customizing Thumbnail Style For This Widget</h4>
<h4>
How To Add Related Post Widget In WordPress</h4>
<ul>
<li>Go to <a href="http://partners.nrelate.com/" rel="nofollow" target="_blank"><b>Partners.Nrelate.com</b></a> and Sign For New Account -&gt; Activate Your Account</li>
<li>Click Install Tab -&gt; Blogger</li>
<li>Enter Blog URL Which You Want to Add Nrelated Post Widget For Blogger. Than Click “Submit”</li>
</ul>
<ul style="text-align: left;">
<li style="text-align: justify;">On the next page select option where you want to show related post. I recommend to select Post only!</li>
</ul>
<ul style="text-align: left;">
<li style="text-align: justify;">Click the &#8220;Add to Blogger&#8221; button below and then click &#8220;Add Widget&#8221;.</li>
<li style="text-align: justify;">It may take up to 2 hours before appearing on your site.</li>
<li><span style="text-align: justify;">After clicking the Add to Blogger button you will be presented with a option to Add widget to your blog. Select your blog and click the Add Widget button </span><span style="text-align: justify;">as shown in the following image.</span></li>
</ul>
<ul>
<li>Its all done, You have successfully installed this widget on your blog.Now, learn how to customize this widget.</li>
</ul>
<ul style="text-align: left;">
<li>Go to Manage Setting -&gt; Blogger -&gt; Main Settings</li>
<li>Choose maximum number of related posts to display from your site and set thumbnail size</li>
<li>In Advertising Settings you can enable ads if you want to make money from your blog.</li>
<li>You can support nrelate by displaying their logo.</li>
</ul>
<ul style="text-align: left;">
<li style="text-align: justify;">Go to your Plugins section in your WordPress Admin dashboard and Click Add New.Search for Nrelate plugin and the very first result will be Nrelate Related Content Plugin.</li>
<li style="text-align: justify;">Install it and activate it in to your plugins directory.</li>
<li style="text-align: justify;">Access the Nrelate plugin settings section from WordPress left menu section towards bottom. Here is a screenshot showing Nrelate plugin settings section.</li>
</ul>
<p><b>Manual Download &#8211;</b><a href="https://4.bp.blogspot.com/-C3xAxUPI9tk/UCIYkxHe1jI/AAAAAAAATLQ/fzQ4j1H1764/s1600/Add+Related+Posts+Widget+To+Blogger-WordPress+With+Thumbnails.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a name="more"></a><a href="https://4.bp.blogspot.com/-qZbtK7KBFq8/UCIG9hSwLzI/AAAAAAAATIA/fzC34XJqg-o/s1600/Add+Related+Posts+Widget+To+Blogger+With+Thumbnails.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://2.bp.blogspot.com/-jbLsxNXCiJE/UCIOnihtUfI/AAAAAAAATJk/VIX9bZZeht8/s1600/nRelated+Setup.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://2.bp.blogspot.com/-l-tEXs8_TAU/UCIPR5JX3-I/AAAAAAAATJs/my9oey36RIo/s1600/nRelated+Setup1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://3.bp.blogspot.com/-lus7qx7gLB0/UCIQvzTskeI/AAAAAAAATJ0/FjcSZ9xQMU4/s1600/nRelated+Setup2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://4.bp.blogspot.com/-W-CuQ26YwdE/UCIUu7vOTgI/AAAAAAAATKw/0NJdX7zxmvQ/s1600/Default+nRelate+Widget+Style.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://3.bp.blogspot.com/-tJK7kGe4c9w/UCIUvrV52bI/AAAAAAAATK4/yXxv1TgL7Zs/s1600/Polaroid+nRelate+Widget+Style.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://4.bp.blogspot.com/-OwvJGLW2zLY/UCIWLNpUmoI/AAAAAAAATLA/pkQa3EFTmsw/s1600/Nrelate+plugin+settings+section.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="http://wordpress.org/extend/plugins/nrelate-related-content/stats/" rel="nofollow" target="_blank">here</a><a href="https://4.bp.blogspot.com/-mIrdbUapMNI/UCIWxX_Uz4I/AAAAAAAATLI/NdqRUsMSZrk/s1600/Download+The+nRelate+WordPress+Plugin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></p>
</div>

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

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

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


	</div> <!-- ast-container -->
	</div><!-- #content -->
		<div id="ast-mobile-popup-wrapper">
			<div id="ast-mobile-popup" class="ast-mobile-popup-drawer content-align-flex-start ast-mobile-popup-right">
			<div class="ast-mobile-popup-overlay"></div>
			<div class="ast-mobile-popup-inner">
					<div class="ast-mobile-popup-header">
						<button type="button" id="menu-toggle-close" class="menu-toggle-close" aria-label="Close menu" tabindex="0">
							<span class="ast-svg-iconset">
								<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 class="ast-mobile-popup-content">
								<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: Menu" 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-post_type menu-item-object-page menu-item-home menu-item-2231"><a href="https://www.blogsdaddy.com/" class="menu-link">Casino</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3908"><a href="https://www.blogsdaddy.com/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-2200"><a href="https://www.blogsdaddy.com/sitemap/" class="menu-link">Sitemap</a></li>
</ul></div></nav></div></div>		</div>
				<div class="ast-builder-layout-element ast-flex site-header-focus-item ast-header-button-1" data-section="section-hb-button-1">
			<div class="ast-builder-button-wrap ast-builder-button-size-"><a class="ast-custom-button-link" href="#" target="_self"  role="button" aria-label="Subscribe" >
				<div class="ast-custom-button">Subscribe</div>
			</a><a class="menu-link" href="#" target="_self" >Subscribe</a></div>		</div>
							</div>
					<div class="ast-desktop-popup-content">
											</div>
				</div>
		</div>
		</div>

		<footer
class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon">
			<div class="site-above-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-2-lheavy ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-above-footer-builder">
	<div class="ast-builder-grid-row-container-inner">
					<div class="ast-builder-footer-grid-columns site-above-footer-inner-wrap ast-builder-grid-row">
											<div class="site-footer-above-section-1 site-footer-section site-footer-section-1">
								<div class="footer-widget-area widget-area site-footer-focus-item" data-section="section-footer-menu">
				<div class="footer-bar-navigation"><nav class="site-navigation ast-flex-grow-1 navigation-accessibility footer-navigation" id="footer-site-navigation" aria-label="Site Navigation: Menu" itemtype="https://schema.org/SiteNavigationElement" itemscope="itemscope"><div class="footer-nav-wrap"><ul id="astra-footer-menu" class="ast-nav-menu ast-flex astra-footer-horizontal-menu astra-footer-tablet-horizontal-menu astra-footer-mobile-vertical-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-2231"><a href="https://www.blogsdaddy.com/" class="menu-link">Casino</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3908"><a href="https://www.blogsdaddy.com/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-2200"><a href="https://www.blogsdaddy.com/sitemap/" class="menu-link">Sitemap</a></li>
</ul></div></nav></div>			</div>
							</div>
											<div class="site-footer-above-section-2 site-footer-section site-footer-section-2">
								<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-false ast-social-color-type-custom ast-social-stack-none ast-social-element-style-filled"><a href="#" aria-label="Twitter" target="_blank" rel="noopener noreferrer" style="--color: #7acdee; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-twitter 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 512 512'><path d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'></path></svg></span></a><a href="#" aria-label="Linkedin" target="_blank" rel="noopener noreferrer" style="--color: #1c86c6; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-linkedin 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='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'></path></svg></span></a><a href="#" aria-label="Instagram" target="_blank" rel="noopener noreferrer" style="--color: #8a3ab9; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-instagram 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='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'></path></svg></span></a><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 320 512'><path d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'></path></svg></span></a><a href="#" aria-label="YouTube" target="_blank" rel="noopener noreferrer" style="--color: #e96651; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-youtube 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='M186.8 202.1l95.2 54.1-95.2 54.1V202.1zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-42 176.3s0-59.6-7.6-88.2c-4.2-15.8-16.5-28.2-32.2-32.4C337.9 128 224 128 224 128s-113.9 0-142.2 7.7c-15.7 4.2-28 16.6-32.2 32.4-7.6 28.5-7.6 88.2-7.6 88.2s0 59.6 7.6 88.2c4.2 15.8 16.5 27.7 32.2 31.9C110.1 384 224 384 224 384s113.9 0 142.2-7.7c15.7-4.2 28-16.1 32.2-31.9 7.6-28.5 7.6-88.1 7.6-88.1z'></path></svg></span></a></div></div>			</div>
						</div>
										</div>
			</div>

</div>
<div class="site-primary-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-full ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-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">
							<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"><h4>Sign up to receive email updates, fresh news and more!</h4>
</div></div>		</div>
				<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-7" class="widget widget_block"><p>			<div class="srfm-form-container srfm-form-container-2157 srfm-bg-color srfm-submit-button-hidden">
						<style>
				/* Need to check and remove the input variables related to the Style Tab. */
				.srfm-form-container-2157 {
										/* New test variables */
					--srfm-color-scheme-primary: var(--ast-global-color-0);
					--srfm-color-scheme-text-on-primary: #FFFFFF;
					--srfm-color-scheme-text: var(--ast-global-color-2);
					--srfm-quill-editor-color: var(--ast-global-color-0);

					--srfm-color-input-label: var(--ast-global-color-2);
					--srfm-color-input-description: hsl( from var(--ast-global-color-2) h s l / 0.65 );
					--srfm-color-input-placeholder: hsl( from var(--ast-global-color-2) h s l / 0.5 );
					--srfm-color-input-text: var(--ast-global-color-2);
					--srfm-color-input-prefix: hsl( from var(--ast-global-color-2) h s l / 0.65 );
					--srfm-color-input-background: hsl( from var(--ast-global-color-2) h s l / 0.02 );
					--srfm-color-input-background-hover: hsl( from var(--ast-global-color-2) h s l / 0.05 );
					--srfm-color-input-background-disabled: hsl( from var(--ast-global-color-2) h s l / 0.07 );
					--srfm-color-input-border: hsl( from var(--ast-global-color-2) h s l / 0.25 );
					--srfm-color-input-border-disabled: hsl( from var(--ast-global-color-2) h s l / 0.15 );
					--srfm-color-multi-choice-svg: hsl( from var(--ast-global-color-2) h s l / 0.7 );
					--srfm-color-input-border-hover: hsl( from var(--ast-global-color-0) h s l / 0.65 );
					--srfm-color-input-border-focus-glow: hsl( from var(--ast-global-color-0) h s l / 0.15 );
					--srfm-color-input-selected: hsl( from var(--ast-global-color-0) h s l / 0.1 );
					--srfm-btn-color-hover: hsl( from var(--ast-global-color-0) h s l / 0.9 );
					--srfm-btn-color-disabled: hsl( from var(--ast-global-color-0) h s l / 0.25 );

					/* Dropdown Variables */
					--srfm-dropdown-input-background-hover: hsl( from var(--ast-global-color-2) h s l / 0.05 );
					--srfm-dropdown-option-background-hover: hsl( from var(--ast-global-color-2) h s l / 0.10 );
					--srfm-dropdown-option-background-selected: hsl( from var(--ast-global-color-2) h s l / 0.05 );
					--srfm-dropdown-option-selected-icon: hsl( from var(--ast-global-color-2) h s l / 0.65 );
					--srfm-dropdown-option-text-color: hsl( from var(--ast-global-color-2) h s l / 0.80 );
					--srfm-dropdown-option-selected-text: var(--ast-global-color-2);
					--srfm-dropdown-badge-background: hsl( from var(--ast-global-color-2) h s l / 0.05 );
					--srfm-dropdown-badge-background-hover: hsl( from var(--ast-global-color-2) h s l / 0.10 );
					--srfm-dropdown-menu-border-color: hsl( from var(--ast-global-color-2) h s l / 0.10 );
					--srfm-dropdown-placeholder-color: hsl( from var(--ast-global-color-2) h s l / 0.50 );
					--srfm-dropdown-icon-color: hsl( from var(--ast-global-color-2) h s l / 0.65 );
					--srfm-dropdown-icon-disabled: hsl( from var(--ast-global-color-2) h s l / 0.25 );

					/* Background Control Variables */
						--srfm-instant-form-padding-top: 32px;--srfm-instant-form-padding-right: 32px;--srfm-instant-form-padding-bottom: 32px;--srfm-instant-form-padding-left: 32px;--srfm-instant-form-border-radius-top: 12px;--srfm-instant-form-border-radius-right: 12px;--srfm-instant-form-border-radius-bottom: 12px;--srfm-instant-form-border-radius-left: 12px;--srfm-form-padding-top: 0px;--srfm-form-padding-right: 0px;--srfm-form-padding-bottom: 0px;--srfm-form-padding-left: 0px;--srfm-form-border-radius-top: 0px;--srfm-form-border-radius-right: 0px;--srfm-form-border-radius-bottom: 0px;--srfm-form-border-radius-left: 0px;--srfm-bg-overlay-opacity: 1;						--srfm-row-gap-between-blocks: 18px;--srfm-address-label-font-size: 16px;--srfm-address-label-line-height: 24px;--srfm-address-description-font-size: 14px;--srfm-address-description-line-height: 20px;--srfm-col-gap-between-fields: 16px;--srfm-row-gap-between-fields: 16px;--srfm-gap-below-address-label: 14px;--srfm-dropdown-font-size: 14px;--srfm-dropdown-gap-between-input-menu: 4px;--srfm-dropdown-badge-padding: 2px 6px;--srfm-dropdown-multiselect-font-size: 12px;--srfm-dropdown-multiselect-line-height: 16px;--srfm-dropdown-padding-right: 12px;--srfm-dropdown-padding-right-icon: calc( var( --srfm-dropdown-padding-right ) + 20px );--srfm-dropdown-multiselect-padding: 8px var( --srfm-dropdown-padding-right-icon ) 8px 8px;--srfm-input-height: 44px;--srfm-input-field-padding: 10px 12px;--srfm-input-field-font-size: 16px;--srfm-input-field-line-height: 24px;--srfm-input-field-margin-top: 6px;--srfm-input-field-margin-bottom: 6px;--srfm-checkbox-label-font-size: 16px;--srfm-checkbox-label-line-height: 24px;--srfm-checkbox-description-font-size: 14px;--srfm-checkbox-description-line-height: 20px;--srfm-check-ctn-width: 16px;--srfm-check-ctn-height: 16px;--srfm-check-svg-size: 10px;--srfm-checkbox-margin-top-frontend: 4px;--srfm-checkbox-margin-top-editor: 6px;--srfm-check-gap: 8px;--srfm-checkbox-description-margin-left: 24px;--srfm-flag-section-padding: 10px 0 10px 12px;--srfm-gap-between-icon-text: 8px;--srfm-label-font-size: 16px;--srfm-label-line-height: 24px;--srfm-description-font-size: 14px;--srfm-description-line-height: 20px;--srfm-btn-padding: 10px 14px;--srfm-btn-font-size: 16px;--srfm-btn-line-height: 24px;--srfm-multi-choice-horizontal-padding: 20px;--srfm-multi-choice-vertical-padding: 20px;--srfm-multi-choice-internal-option-gap: 8px;--srfm-multi-choice-vertical-svg-size: 40px;--srfm-multi-choice-horizontal-image-size: 24px;--srfm-multi-choice-vertical-image-size: 120px;--srfm-multi-choice-outer-padding: 2px;				}
			</style>
										<form method="post" enctype="multipart/form-data" id="srfm-form-2157" class="srfm-form "
				form-id="2157" after-submission="hide form" message-type="same page" success-url="" ajaxurl="https://www.blogsdaddy.com/wp-admin/admin-ajax.php" data-submit-token="790471ced3f2061bbdd34e79df75df43085554f950e8a7d8cbb4215051e4bb01" data-view-token="9a03703fb82b9acc1b40434745ead778ef3b01e9c48e73a7e3178ebc0b279119"
				>
				
				<input type="hidden" value="2157" name="form-id">
								<input type="hidden" value="" name="srfm-form-language">
				<input type="hidden" value="" name="srfm-sender-email-field" id="srfm-sender-email">
				<input type="hidden" value="" id="srfm-page-break">
						<p id="srfm-error-message" class="srfm-common-error-message srfm-error-message srfm-head-error" hidden>		<span class="srfm-icon" aria-hidden="true">
			<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path d="M9.99935 18.3327C14.6017 18.3327 18.3327 14.6017 18.3327 9.99935C18.3327 5.39698 14.6017 1.66602 9.99935 1.66602C5.39698 1.66602 1.66602 5.39698 1.66602 9.99935C1.66602 14.6017 5.39698 18.3327 9.99935 18.3327Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M10 6.66602V9.99935" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M10 13.334H10.0083" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>		</span>
		<span class="srfm-error-content">There was an error trying to submit your form. Please try again.</span></p>
					<div data-block-id="10bb0e3a" class="srfm-block-single srfm-block srfm-input-block srf-input-10bb0e3a-block  srfm-block-width-75 srfm-slug-email-address 2157" >
										<div class="srfm-block-wrap">
				<input class="srfm-input-common srfm-input-input" type="text" name="srfm-input-10bb0e3a-lbl-RW1haWwgQWRkcmVzcw-email-address" id="srfm-input-10bb0e3a-lbl-RW1haWwgQWRkcmVzcw"
					aria-describedby='srfm-error-10bb0e3a'					data-required="false" aria-required="false" data-unique="false" maxlength="100" value=""  placeholder="Email Address"  data-srfm-mask="none"   />
				</div>
				<div class="srfm-error-wrap">
										<div class="srfm-error-message" data-srfm-id="srfm-error-10bb0e3a" data-error-msg="This field is required." data-unique-msg="Value needs to be unique.">
						This field is required.					</div>
									</div>
			</div>
		

										<div data-block-id="ff97e3e0" class=" 2157 srf-inline-button-ff97e3e0-block srfm-block-width-25 srfm-block srfm-custom-button-ctn ">
								<button style=" font-family: inherit; font-weight: var(--wp--custom--font-weight--medium); line-height: normal;width:100%;" id="srfm-submit-btn" class="srfm-button srfm-submit-button srfm-btn-frontend srfm-custom-button" >
					<div class="srfm-submit-wrap">
						SUBSCRIBE						<div class="srfm-loader"></div>
					</div>
				</button>
				<div class="srfm-error-wrap"></div>
			</div>
									
					
					<div class="srfm-submit-container " style="visibility:hidden;position:absolute;">
						<div style="width: ; text-align: left" class="wp-block-button">
																								</div>
					</div>
							<p id="srfm-error-message" class="srfm-common-error-message srfm-error-message srfm-footer-error" hidden>		<span class="srfm-icon" aria-hidden="true">
			<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path d="M9.99935 18.3327C14.6017 18.3327 18.3327 14.6017 18.3327 9.99935C18.3327 5.39698 14.6017 1.66602 9.99935 1.66602C5.39698 1.66602 1.66602 5.39698 1.66602 9.99935C1.66602 14.6017 5.39698 18.3327 9.99935 18.3327Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M10 6.66602V9.99935" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M10 13.334H10.0083" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>		</span>
		<span class="srfm-error-content">There was an error trying to submit your form. Please try again.</span></p>
					</form>
			<div class="srfm-single-form srfm-success-box in-page">
				<div aria-live="polite" aria-atomic="true" role="alert" id="srfm-success-message-page-2157" class="srfm-success-box-description"></div>
			</div>
						</div>
		</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-full ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-below-footer-builder">
	<div class="ast-builder-grid-row-container-inner">
					<div class="ast-builder-footer-grid-columns site-below-footer-inner-wrap ast-builder-grid-row">
											<div class="site-footer-below-section-1 site-footer-section site-footer-section-1">
								<div class="ast-builder-layout-element ast-flex site-footer-focus-item ast-footer-copyright" data-section="section-footer-builder">
				<div class="ast-footer-copyright"><p>Copyright &copy; 2026 BlogsDaddy | Powered by BlogsDaddy</p>
</div>			</div>
						</div>
										</div>
			</div>

</div>
	</footer><!-- #colophon -->
	</div><!-- #page -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/astra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
			<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.blogsdaddy.com/wp-content/themes/astra/assets/js/minified/frontend.min.js?ver=4.13.11"></script>
<script id="wp-hooks-js" src="https://www.blogsdaddy.com/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
<script id="spectra-blocks-modal-settings-js" src="https://www.blogsdaddy.com/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.blogsdaddy.com/wp-content/plugins/spectra-blocks/assets/js/aos.min.js?ver=1.0.8"></script>
<script id="wp-i18n-js" src="https://www.blogsdaddy.com/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.blogsdaddy.com/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.blogsdaddy.com\/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.blogsdaddy.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.7"></script>
<script id="wp-dom-ready-js" src="https://www.blogsdaddy.com/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.blogsdaddy.com/wp-content/plugins/astra-sites/inc/lib/onboarding/assets/dist/template-preview/main.js?ver=089983451e6a251a0ab9"></script>
<script id="srfm-input-js" src="https://www.blogsdaddy.com/wp-content/plugins/sureforms/assets/js/minified/blocks/input.min.js?ver=2.12.7"></script>
<script id="srfm-form-submit-js-extra">
var srfm_submit = {"site_url":"https://www.blogsdaddy.com","nonce":"7eaa36f23a","submit_form_url":"https://www.blogsdaddy.com/wp-json/sureforms/v1/submit-form","messages":{"srfm_valid_phone_number":"Please enter a valid phone number.","srfm_valid_url":"Please enter a valid URL.","srfm_confirm_email_same":"Confirmation email does not match.","srfm_valid_email":"Please enter a valid email address.","srfm_textarea_min_chars":"Please enter at least %s characters.","srfm_email_local_max_length":"The part before @ may not exceed %s characters.","srfm_email_domain_max_length":"The part after @ may not exceed %s characters.","srfm_input_min_value":"Minimum value is %s","srfm_input_max_value":"Maximum value is %s","srfm_dropdown_min_selections":"Minimum %s selections are required","srfm_dropdown_max_selections":"Maximum %s selections are allowed","srfm_multi_choice_min_selections":"Minimum %s selections are required","srfm_multi_choice_max_selections":"Maximum %s selections are allowed","srfm_turnstile_error_message":"Turnstile sitekey verification failed. Please contact your site administrator.","srfm_google_captcha_error_message":"Google Captcha sitekey verification failed. Please contact your site administrator.","srfm_captcha_h_error_message":"HCaptcha sitekey verification failed. Please contact your site administrator."},"is_rtl":"","email_char_limits":{"local":64,"domain":255},"logging_enabled":"1","log_error_url":"https://www.blogsdaddy.com/wp-json/sureforms/v1/log-client-error"};
var srfm_view_beacon = {"enabled":"0","url":"https://www.blogsdaddy.com/wp-json/sureforms/v1/forms/track-view"};
//# sourceURL=srfm-form-submit-js-extra
</script>
<script id="srfm-form-submit-js" src="https://www.blogsdaddy.com/wp-content/plugins/sureforms/assets/build/formSubmit.js?ver=2.12.7"></script>
<script id="srfm-frontend-js" src="https://www.blogsdaddy.com/wp-content/plugins/sureforms/assets/js/minified/frontend.min.js?ver=2.12.7"></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.blogsdaddy.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
</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.blogsdaddy.com/wp-includes/js/wp-emoji-loader.min.js
</script>
	</body>
</html>


<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-01 11:50:16 -->